我有一个视频运行在我的网站背景。它是带有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代码,以及您使用哪些程序/设置来转换电影?
非常感谢!
发布于 2013-11-15 09:56:36
好的,我让它在每个普通的浏览器中工作,对老浏览器有退路。我使用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>发布于 2016-12-13 21:54:30
2016年,MPEG-4/H.264视频格式赢得了战斗,你可以放弃webm和ogv http://caniuse.com/#feat=mpeg4
用AWS弹性转码器转换
发布于 2013-10-23 10:59:37
最好的方法是集成任何播放器(如jwplayer),因为视频标记并不是所有浏览器都支持的,并且在上传时按照您的播放器支持使用ffmpeg lib之类的库将所有视频转换成一种通用格式。
video.asp
https://stackoverflow.com/questions/19539553
复制相似问题