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

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

Галерея: 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 } ?>

javascript php iframe jquery jwplayer
person user1394925    schedule 31.05.2012    source источник
comment
Дон; следуйте вопросу, но у вас не может быть двух одинаковых идентификаторов на HTML-странице. Так что id='addtd' может вызвать у вас проблемы. (Это также может быть то, что вы хотите изменить, чтобы быть уникальным, но я не уверен на 100%, поэтому не могу назвать это ответом.   -  person Robbie    schedule 31.05.2012
comment
Дубликат уже заданный много раз слишком локализован вопрос   -  person Your Common Sense    schedule 13.02.2013
comment
Мои извинения, я меняю вопрос   -  person user1394925    schedule 15.02.2013
comment
@user1394925 user1394925 Если вы нажмете F12 в своем веб-браузере, появятся ли какие-либо ошибки на вкладке «Консоль»? F12 должен открыть инструменты разработчика в большинстве веб-браузеров.   -  person EM-Creations    schedule 18.02.2013

Ответы (1)


arrow_upward
7
arrow_downward

Это немного странно, другой пользователь разместил здесь очень похожий вопрос: Проблемы с использованием 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 } ?>
person Andreas Schwarz    schedule 17.02.2013