HTML5 视频背景不起作用

Question

最近我开始了一个大学项目，我将在我的 HTML5 索引页面上放置一个视频作为背景。我让它与股票视频完美配合，但是当我制作自己的视频并将其转换为 .mp4、.ogv 和 .webm 时，我现在得到的只是空白的黑屏。我在代码中没有发现错误：

<video id="video_background" preload="auto" autoplay="true" loop="loop" muted volume="0">
        <source src="backgroundvideo.webm" type="video/webm"/>
        <source src="backgroundvideo.ogv" type="video/ogg ogv"; codecs="theora, vorbis"/>
        <source src="backgroundvideo.mp4" type="video/mp4"/>
        Video not supported
</video>

会不会是我用的电影转换器？我使用了 Miro 视频转换器。

Answer 1

如果视频与 HTML 存储在同一目录中，并且文件名正确，则应该没问题。如果你已经在几个不同的浏览器中尝试过（我假设你已经尝试过），那么，是的，它可能是视频编码。