0

在第 2909178 号问题中提供了答案。

答案包括一个解决方案jsfiddle。解决方案/示例使用带有 iframe 硬编码的 HTML。

我尝试实现此解决方案，但使用 youtube 异步 javascript 代码而不是硬编码的 iframe。使用异步 javascript 代码时，该解决方案不起作用。

这是它不工作的网站：

www.linguashop.com/swahili-to-english

youtube 代码在这里： www.linguashop.com/course/java/youtube.js

相关的CSS是：

#player {
    margin-top: 20px;
    position: relative;
    width: 672px;
    height: 378px;
}

#player-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 672px;
    height: 378px;
    background-color: #fff; 
    border: 1px solid #aaa;
}

这个想法是在视频结束时淡入视频前面的白色覆盖层。这将产生视频播放器淡出的效果。

播放器位于叠加层之上。需要的是在播放器顶部有覆盖层。

任何帮助，将不胜感激。

大卫

4

0 回答 0