我正在使用HTML5标签,由于某些原因它不能在Firefox上运行,它开始播放视频,但它在3秒后停止。如何解决?
这是我的代码:
<video width="100%" controls>
<source src="videos/test_video.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
答案 0 :(得分:3)
这可能对您有用:
HTML5 Video not working in Firefox and Chrome? (Navigatron的回答)
您需要将mp4视频转换为ogv并将其作为来源添加。包含视频的webm版本也是一个好主意。
您可以使用此程序进行转换。仅限Windows,XMedia Recode
<video width="560" height="340" controls="controls">
<source src="media/intro.mp4" type="video/mp4"/>
<source src="media/intro.ogv" type="video/ogg"/>
<source src="media/intro.webm" type="video/webm"/>
</video>
背后的信息
HTML5 - mp4 video does not play in IE9(stslavik的回答)
来自http://diveintohtml5.ep.io/video.html#what-works:
在撰写本文时,这是HTML5视频的格局:
Mozilla Firefox(3.5及更高版本)在Ogg容器中支持Theora视频和Vorbis音频。 Firefox 4还支持WebM。
Opera(10.5及更高版本)支持Ogg容器中的Theora视频和Vorbis音频。 Opera 10.60也支持WebM。
Google Chrome(3.0及更高版本)在Ogg容器中支持Theora视频和Vorbis音频。 Google Chrome 6.0还支持WebM。
Mac和Windows PC上的Safari(3.0及更高版本)将支持QuickTime支持的任何内容。理论上,您可以要求您的用户安装第三方QuickTime插件。实际上,很少有用户会这样做。因此,您将获得QuickTime支持的“开箱即用”格式。这是一个很长的列表,但它不包括WebM,Theora,Vorbis或Ogg容器。但是,QuickTime确实在MP4容器中支持H.264视频(主配置文件)和AAC音频。
Apple的iPhone和Google Android手机等手机在MP4容器中支持H.264视频(基线配置文件)和AAC音频(“低复杂度”配置文件)。
Adobe Flash(9.0.60.184及更高版本)支持MP4容器中的H.264视频(所有配置文件)和AAC音频(所有配置文件)。
Internet Explorer 9支持所有H.264视频配置文件以及MP4容器中的AAC或MP3音频。如果您安装第三方编解码器,它也将播放WebM视频,默认情况下,该编解码器未安装在任何版本的Windows上。 IE9不支持其他第三方编解码器(与Safari不同,它可以播放QuickTime可以播放的任何内容)。
Internet Explorer 8根本没有HTML5视频支持,但几乎所有Internet Explorer用户都拥有Adobe Flash插件。在本章的后面部分,我将向您展示如何使用HTML5视频,但优雅地回归Flash。
同样,您应该在同一页面的下方注意这一部分:
在所有HTML5浏览器中都没有单一的容器和编解码器组合。
这不太可能在不久的将来改变。
要在所有这些设备和平台上观看您的视频,您需要多次对视频进行编码。
答案 1 :(得分:0)
我遇到了和你一样的问题。通过禁用硬件加速解决了此问题。只需按照以下步骤操作即可。