如何在滑塊中顯示視頻

Question

我正在使用環球免工業滑塊作爲jQuery滑塊nd 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 } ?> 

Answer 1

這是一個有點怪，其他用戶發佈了一個非常類似的問題在這裏：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 } ?>