避免黑色加载屏幕<video> html5 / javascript </video>

时间:2014-07-31 11:20:48

标签: javascript css video html5-video chromecast

我目前正在开发一个chromecast项目并遇到了问题。 当我加载一个非常短的视频时,(视频播放器?)屏幕在加载时变黑。 所有视频的背景都是白色的,我经常切换视频。因此,白色加载背景看起来会更好。

我尝试创建一个白色并让它在事件监听器(播放,加载,...)上淡出为不透明度0。尝试使用setTimeout(..)进行一些延迟,但总是至少有一个短暂的黑色&#34;切换到实际视频时还使用视频&#34;海报&#34;属性(仅使用白色图像...)并不能防止这种情况。此外,视频标签的背景颜色或颜色属性等自然内容都通过css设置为#FFFFFF。

有没有实际可行的方法,我还没有想到呢?

基本上它只需要在Chrome上运行(我认为chromecast正在使用一些衍生的,webkit的东西)。

<canvas id="whiteoverlay"></canvas>
<video id="receiverVideoElement" loop poster="white.png"></video>

如果你对我有某种意愿,或者为什么它永远不会奏效,我会爱你。

0 个答案:

没有答案