为什么只有五个嵌入式YouTube视频中的一个播放?

时间:2011-11-10 22:53:42

标签: html youtube embed

我已使用youtube上的代码将五个youtube视频嵌入到网页中。如果我只嵌入一个视频,它可以正常播放,但如果我添加多个视频,那么只会播放最后一个视频。所有其他视频似乎都以某种方式禁用了控件。

所有这些视频都位于一个简单的html页面中的DIV元素中,并由双重标签分隔,以便将它们叠加在一起。

我的DIV代码只有两个视频如下: -

 <div id="videos" style="width: 400px; position: relative; top: 70px; margin-left: 500px; z-index: 2; opacity: 1;">
        <center>
        Preview Video Clips<br><br>
        <iframe width="380" height="223" src="http://www.youtube.com/embed/svyqY3EdnBo" frameborder="0" allowfullscreen></iframe><br><br>
        <iframe width="380" height="223" src="http://www.youtube.com/embed/K8QlNdFeBZ4" frameborder="0" allowfullscreen></iframe><br><br>
       </center>
    </div>

非常感谢任何帮助。

干杯,

罗布

2 个答案:

答案 0 :(得分:0)

你的&#34; allowfullscreen&#34;属性没有价值。尝试&#34; allowfullscreen = true&#34; 如果这不起作用,请为每个视频尝试一个新的DIV?

答案 1 :(得分:0)

我修复了put style =“z-index:1;”在iframe中