Question

要在网站页面上播放YouTube视频，需要做什么？我有一个网站，Youtube视频在一个页面上可以正常播放，但在另一页面上，不能播放同一视频。

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

在页面上，当我将鼠标悬停在播放按钮上时，播放按钮不会更改其外观。

当我在无法运行的页面上按播放时，什么也没发生。

我的网站是使用Coldfusion构建的

Answer 1

谁能解释以下原因解决了我的问题。

在无效页面上，用于显示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>

在工作正常的页面上，..代码没有被带有fr-video类的包围。

我在其中一个样式表中发现其中包含以下内容，这些内容仅在不起作用的页面上使用：

.fr-element .fr-video::after {
  position: absolute;
  content: '';
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  display: block;
  background: rgba(0, 0, 0, 0);
}

如果我删除了：

bottom: 0;

然后，Youtube视频正常加载并播放。

任何人都可以解释为什么这可以解决我的问题

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

1 个答案: