如何在滑块中显示视频答案

【问题标题】：How to display video in a slider如何在滑块中显示视频
【发布时间】：2012-06-05 14:38:23
【问题描述】：

我使用 Galleria 滑块作为 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 } ?>

【问题讨论】：

唐;按照这个问题，但您不能在 HTML 页面中有两个相同的“id”。所以“id='addtd'”可能会给你带来问题。（它也可能是你想要改变的一点，是独一无二的，但我不是 100% 确定，所以不能把它作为答案。
already asked many times too localized question的副本
抱歉，我换个问题
@user1394925 如果您在 Web 浏览器上按 F12，您是否在“控制台”选项卡中收到任何错误？ F12 应该会在大多数网络浏览器中打开您的“开发者工具”。

标签： php javascript jquery iframe jwplayer

【解决方案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 } ?>

【讨论】：