Как отображать видео в слайдере

Я использую слайдер galleria как слайдер jquery nd jwplayer для отображения видео. Проблема в том, что он не отображает jwplayer в слайдере, он просто отображает черный квадрат. Я получил его для работы с изображениями, но не могу заставить его работать на видеоплеер jwplayer. Может ли кто-нибудь, кто знает, как это сделать, изменить код ниже, чтобы он работал в моем приложении?Как отображать видео в слайдере

Galleria: http://galleria.io/docs/

jwplayer: http://www.longtailvideo.com/jw-player/

<?php if(count($arrVideoFile[$key]) > 1){ ?> 
    <style> 
     #galleriavideo_<?php echo $key; ?>{ width: 500px; height: 300px; background: #000 } 
    </style> 
    <div id="galleriavideo_<?php echo $key; ?>"> 
     <?php foreach ($arrVideoFile[$key] as $v) { ?> 
      <div id="myElement-<?php echo $key.'-'.$i; ?>">Loading the player... 
       <script type="text/javascript"> 
        jwplayer("myElement-<?php echo $key.'-'.$i; ?>").setup({ 
         file: "<?php echo 'VideoFiles/'.$v; ?>", 
         width: 480, 
         height: 270 
        }); 
        <?php $i++; ?> 
       </script> 
      </div> 
     <?php } ?> 
    </div>  
    <script type="text/javascript"> 
     Galleria.loadTheme('jquery/classic/galleria.classic.min.js'); 
     Galleria.run('#galleriavideo_<?php echo $key; ?>'); 
    </script> 
<?php } ?>

источник

2012-05-31 user1394925

Дон; выполните этот вопрос, но вы не можете иметь два «id» одинаково на странице HTML. Поэтому «id =« addtd »может дать вам проблемы. (Это может быть бит, который вы хотите изменить, быть уникальным, но я не уверен на 100%, поэтому не могу назвать его ответом. – Robbie

Дубликат [уже заданного много раз слишком локализованного вопроса] (http://stackoverflow.com/questions/11199379/how-to-associate-each-option-button-with-their-own-individual-marks) –

Мои извинения, я меняю вопрос – user1394925

Это немного странно, другой пользователь разместил очень похожий вопрос здесь: Having trouble using iframes

Во всяком случае, я постараюсь опубликовать решение рядом с вашим кодом. Предполагаю, что вы хотите один слайдер с несколькими видеороликами.

Вам нужны два файла: video.php, страница с изображением видео в соответствии с определенным именем файла и gallery.php, страница с ползунком.

video.php:

<?php 
    $v = filter_input(INPUT_GET, "v", FILTER_SANITIZE_STRING); 
?> 

<div id="container"></div> 
<script type="text/javascript" src="/path/to/jwplayer.js"></script> 
<script type="text/javascript"> 
    jwplayer("container").setup({ 
     file: "VideoFiles/<?php echo $v; ?>", 
     width: 480, 
     height: 270 
    }); 
</script>

gallery.php:

<?php if(count($arrVideoFile[$key]) > 1){ ?> 

    <div id="galleriavideo" style="width:500px; height:300px; background:#000;"> 
     <?php 
      foreach($arrVideoFile[$key] as $v) { 
       $vurl = "/path/to/video.php?v=".rawurlencode($v);?> 
       <a href="<?php echo $vurl; ?>"><img class="iframe"></a> 
     <?php } ?> 
    </div> 

    <script type="text/javascript" src="/path/to/jquery.js"></script> 
    <script type="text/javascript" src="/path/to/galleria.js"></script> 
    <script type="text/javascript"> 
     Galleria.loadTheme('/path/to/galleria.classic.min.js'); 
     Galleria.run('#galleriavideo'); 
    </script> 

<?php } ?>

источник

2013-02-17 00:41:31

Как отображать видео в слайдере

ответ

Смежные вопросы