2

我的网站背景中有一段视频正在播放。它是带有 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 代码序列,以及您使用哪些程序/设置来转换电影?

非常感谢!

4

4 回答 4

2

现在是 2016 年,MPEG-4/H.264 视频格式赢得了战斗,你可以放弃 webm 和 ogv http://caniuse.com/#feat=mpeg4

使用 AWS Elastic 转码器进行转换

于 2016-12-13T21:54:30.447 回答
1

最好的方法是集成任何播放器(如 jwplayer),因为并非所有浏览器都支持视频标签,并在上传时根据您的播放器支持使用任何库(如 ffmpeg lib)将所有视频转换为一种通用格式。

http://www.w3schools.com/html/html5_video.asp

于 2013-10-23T10:59:37.397 回答
1

编解码器超出了 w3c 规范的范围。Zencoder 在这里有一篇关于这个确切问题的非常好的博客文章:

http://blog.zencoder.com/2013/09/13/what-formats-do-i-need-for-html5-video/

于 2013-10-23T15:52:29.510 回答
0

好的,我让它在每个常见的浏览器中都能正常工作,并为较旧的浏览器提供了备用。我使用 VLC 来转换文件,并使用下面的 HTML:

<video id="video_background" volume="0" muted="muted" loop="loop" autoplay="true" preload="auto">
<source type="video/mp4; codecs=avc1.42E01E,mp4a.40.2" src="video/pr6.mp4"></source>
<source type="video/webm; codecs=vp8,vorbis" src="video/pr6.webm"></source>
<source type="video/ogg; codecs=theora,vorbis" src="video/pr6.ogv"></source>
<img alt="bg" src="img/bg1.jpg">
</video>
于 2013-11-15T09:56:36.730 回答