“隐藏”YouTube的嵌入式视频旋转圈

Question

我正在使用YouTube视频作为背景。当视频无法播放时，div还会将图像作为移动设备的背景。

在页面加载时会发生什么，它会短暂显示图像，然后旋转为带有旋转圆点的黑色，然后视频开始。

有没有办法用旋转圈跳过/隐藏黑屏？

Answer 1

YouTube坚持使用iframe，我认为以任何其他方式访问视频都违反了他们的服务条款。如果他们没有使用iframe，您可以将以下css应用于DOM中显示的元素。

.ytp-spinner { display:none;}
.player-api {background-color: transparent;}
.player-unavailable {background-color: transparent;}
.html5-video-player {background-color: transparent;}
.ytp-gradient-top {background-image: none;}
.typ-gradient-bottom {background-image: none;}

这些位可能会隐藏视频的违规部分（预加载）。

你将不得不尝试别的东西，如果你拥有视频，我会建议尝试以下内容。

1. 编辑视频，使第一个~5-10秒为静止图像帧。
2. 使用javascript在加载时隐藏整个youtube iframe。
3. 您可以尝试匹配图像，以便过渡相当无缝。

您无法控制的变量是用户加载速度，因此您可能需要进行一些测试才能在大多数情况下使用时间。祝你好运-R