我的网站背景中有一段视频正在播放。它是带有 jpg 后备的 HTML5。
我使用这个 HTML
<video id="video_background" preload="auto" autoplay="true" loop="loop" muted="muted" volume="0">
<source src="video/nieuw.mp4" />
<source src="video/nieuw.webm" type="video/webm; codecs=vp8,vorbis" />
<source src="video/nieuw.ogg" type="video/ogg; codecs=theora,vorbis" />
<img src="img/bg1.jpg" alt="bg" />
</video>
我摆弄了这些<source>
文件的顺序,并且摆弄了很多转换工具。我使用了 MIRO 转换器、VLC、iMovie 等……等等……
但我总是以至少一个浏览器不显示电影而告终,例如 Mac 上的 Safari 无法正常工作,所有其他浏览器都可以。或除 windows / Chrome 之外的所有浏览器都不起作用。它让我发疯。
你们可以发布您的最佳实践吗?您使用什么 html5 代码序列,以及您使用哪些程序/设置来转换电影?
非常感谢!