我已使用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>
非常感谢任何帮助。
干杯,
罗布
答案 0 :(得分:0)
你的&#34; allowfullscreen&#34;属性没有价值。尝试&#34; allowfullscreen = true&#34; 如果这不起作用,请为每个视频尝试一个新的DIV?
答案 1 :(得分:0)
我修复了put style =“z-index:1;”在iframe中