为什么只有五个嵌入的 youtube 视频中的一个会播放？答案

【问题标题】：Why will only one of five embedded youtube videos play?为什么只有五个嵌入的 youtube 视频中的一个会播放？
【发布时间】：2011-12-26 14:46:00
【问题描述】：

我已使用直接来自 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>

任何帮助将不胜感激。

干杯，

罗伯

【问题讨论】：

奇怪 - 当我使用上面的代码时，两个视频都是独立播放的。
原来我错过了一些小东西，我已经出于不同的原因在类似页面上进行了更改。我有一个带有 z-index 参数的容器 DIV 元素，该元素在该容器内的其他 DIV 中以及页面上某个点下方的某些内容中不再具有交互性。找到后进行非常简单的修复。

标签： html youtube embed

【解决方案1】：

我修正了 style="z-index:1;"在 iframe 中

【讨论】：

【解决方案2】：

您的“allowfullscreen”属性没有价值。尝试“allowfullscreen = true” 如果这不起作用，请为每个视频尝试一个新的 DIV？

【讨论】：