Html 在网站上播放Youtuve视频需要什么

在网站页面上播放Youtube视频需要什么？我有一个网站，在一个页面上，Youtube视频播放得很好，但在另一个页面上，同一个视频不播放

当我将鼠标悬停在“播放”按钮上时，页面会从黑色变为红色

在“不工作”页面上，当我将鼠标悬停在“播放”按钮上时，该按钮的外观不会改变

当我在不起作用的页面上按play时，什么也没有发生

---

我的网站是用Coldfusion构建的，有人能解释一下为什么下面的方法解决了我的问题吗

在不起作用的页面上，用于显示Youtube视频的代码如下：

<p><span class="fr-video fr-fvc fr-dvb fr-draggable" contenteditable="false" draggable="true">
<iframe width="640" height="360" src="https://www.youtube.com/embed/ztr-AS-xkDQ?wmode=transparent" frameborder="0" allowfullscreen="" class="fr-draggable"></iframe>
</span></p>

如果我删除：

bottom: 0;

然后Youtube视频加载良好并播放

---

任何人都可以解释为什么这个修复了我的问题

StackOverflow的目的是为与代码相关的特定问题提供答案。如果我们不知道您的网页试图加载的内容，我们将无法帮助您。请比较两页的嵌入代码。如果你不知道哪里出了问题，请在这里发布帮助。在不起作用的页面上，我在控制台中看到我遇到了以下错误：[违规]“setTimeout”处理程序处理了77ms www-embed-player.js:378这是错误吗？是什么原因造成的。我的youtube视频在我网站的其他页面上也能正常工作。不幸的是，不工作的页面需要登录才能查看，因此我无法将链接发布到该页面。您是否仔细检查了您在网站上使用的嵌入代码？使用不同的视频解决问题了吗？

bottom: 0;