小编use*_*693的帖子

HTML5视频(webm和MP4)都显示空白屏幕,无法播放

我已经进行了一个小时的谷歌搜索,但是我还是很讨厌,或者这不是一个普遍的问题。

这是我的视频标签:

<video class="video-background" preload="none" loop="loop" autoplay="autoplay">
    <source src="/resource/video/ripples.webm" type="video/mp4">
    <source src="/resource/video/ripples.mp4" type="video/mp4">
    Your browser does not support the video tag.
</video>
Run Code Online (Sandbox Code Playgroud)

无论我以什么顺序放置它们,无论是webm不是mp4加载还是将不会加载,它们都只会显示空白的白色屏幕。我也没有从服务器收到404,所以视频应该从服务器上掉下来?

感谢任何输入

编辑:我们删除了该preload="none"属性,现在显示了视频的第一帧,但是由于某种原因(尽管autoplay="autoplay"在元素上具有了它),它不会自动播放视频的其余部分。

html5 mp4 html5-video webm

5
推荐指数
1
解决办法
6777
查看次数

标签 统计

html5 ×1

html5-video ×1

mp4 ×1

webm ×1