HTML5<;视频>;标签在Firefox上不起作用

HTML5<;视频>;标签在Firefox上不起作用,html,Html,我使用的是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> 您的浏览

我使用的是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> 

您的浏览器不支持视频标记。

这可能适合您:

(罗恩的回答)

您需要将mp4视频转换为ogv,并将其作为源。这也可能是一个好主意,包括一个webm版本的视频

您可以使用此程序对其进行转换。仅限Windows,XMedia重新编码

<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视频的前景:

  • Mozilla Firefox(3.5及更高版本)在Ogg容器中支持Theora视频和Vorbis音频。Firefox4也支持WebM

  • Opera(10.5及更高版本)支持Ogg容器中的Theora视频和Vorbis音频。Opera 10.60还支持WebM

  • Google Chrome(3.0及更高版本)在Ogg容器中支持Theora视频和Vorbis音频。谷歌Chrome6.0也支持WebM

  • Mac和Windows PC(3.0及更高版本)上的Safari将支持QuickTime支持的任何功能。理论上,您可以要求用户安装第三方QuickTime插件。实际上,很少有用户会这么做。因此,您只剩下QuickTime支持的“开箱即用”格式。这是一个很长的列表,但不包括WebM、Theora、Vorbis或Ogg容器。但是,QuickTime在MP4容器中提供了对H.264视频(主配置文件)和AAC音频的支持

  • 像苹果iPhone和谷歌Android手机这样的手机支持MP4容器中的H.264视频(基线配置文件)和AAC音频(“低复杂度”配置文件)

  • Adobe Flash(9.0.60.184及更高版本)支持MP4容器中的H.264视频(所有配置文件)和AAC音频(所有配置文件)

  • Internet Explorer 9支持MP4容器中的所有H.264视频和AAC或MP3音频配置文件。如果您安装了第三方编解码器,它还将播放WebM视频,默认情况下,任何版本的Windows都不会安装该编解码器。IE9不支持其他第三方编解码器(与Safari不同,Safari将播放QuickTime可以播放的任何内容)

  • InternetExplorer8根本不支持HTML5视频,但实际上所有的InternetExplorer用户都将拥有AdobeFlash插件。在本章后面,我将向您展示如何使用HTML5视频,但要优雅地回到Flash

此外,您还应注意同一页下面的这一部分:

在所有HTML5浏览器中,没有单一的容器和编解码器组合

这在不久的将来不太可能改变

为了使您的视频能够在所有这些设备和平台上观看,您需要对视频进行多次编码


我和你有同样的问题。通过禁用硬件加速解决了此问题。只需遵循以下步骤

  • 进入Firefox菜单选项选项高级
  • 取消选中可用时使用硬件加速
  • 单击确定
  • 重新启动Firefox并欣赏视频
    查看更多信息-stslavik的回答是,你能给我它的解决方案吗?上传一个视频要花很多时间