如何从 html5 视频中删除黑色背景?加载时它会出现几秒钟。使用 CSS 无效。
HTML:
<div id="start-screen">
<video id="video-element">
<source src="video-mp4.mp4" type="video/mp4">
<source src="video-oggtheora.ogv" type="video/ogg">
</video>
</div>
CSS(不工作):
#start-screen, video-element {
background-color: #fff !important;
}
谢谢!
最佳答案
我没有找到适用于 CSS 的解决方案。但我发现使用非常小的白色(或任何你想要的颜色)海报图像就可以了。所以如果你有同样的问题,我就是这样做的。我刚刚使用了一个 100x100 像素的 PNG 文件(大小约为 1KB)。
<div id="start-screen">
<video id="video-element" poster="/images/white-poster-image.png">
<source src="video-mp4.mp4" type="video/mp4">
<source src="video-oggtheora.ogv" type="video/ogg">
</video>
</div>
玩得开心!
关于css - 从 html5 视频中删除黑色背景。出现一秒,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25059315/