HTML5视频背景不起作用

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

<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 Video Convertor。

来源

2013-02-26 Mike

如果您重命名旧视频并将其替换为新视频，它是否有效？你能提供一个链接到视频文件？ – 2013-02-26 19:38:20

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

来源

2013-02-26 19:38:02

我犯了错误，没有将视频放在正确的文件夹中，因此他们没有加载。当你盯着一个项目太久时，会发生这种情况 – Mike 2013-03-02 23:11:11

HTML5视频背景不起作用

回答

相关问题