首页 文章

Firefox和Chrome无法播放HTML5 mp4视频

提问于
浏览
0

我有一个包含MP4视频的HTML页面:

<html>
<body>

<video width="800" height="600" controls>
  <source src="/static/xyz.mp4" type="video/mp4">
  <p>Your browser does not support the video tag.</p>
</video>

</body>
</html>

当我在Firefox中加载页面时,它不会显示播放控制按钮,但会显示错误消息“找不到支持格式和MIME类型的视频”(请参阅下面的屏幕截图) .

Screenshot of Firefox when playing video

所以我用this site来测试我的浏览器's ability to play HTML5 mp4 video and it can successfully play the test video on that site. My Firefox version is v36 on CentOS Linux. I also tried using Chrome and it can'来播放它 . 我也在Windows上的Firefox / Chrome上尝试过但是失败了 . 然后我使用Firefox调试器查看调试信息,我看到以下消息:

Media resource http://localhost:5000/static/xyz.mp4 could not be decoded.
All candidate resources failed to load. Media load paused.

然后我尝试使用Linux _713013的媒体播放器在我的本地计算机上播放xyz.mp4视频 . 但是当我使用上面的HTML5 <video> 标签时,它没有't play for all browsers in both Linux and Windows. I also followed Mozilla'的在线论坛来更改浏览器设置和清除缓存,但它们都不起作用 . 那么是什么导致了这个简单的HTML5的问题呢?

2 回答

  • 1

    这很可能是您的视频文件的问题 . mp4实际上不是一种格式,而是一种可以保存不同格式视频的容器 . Firefox仅支持H.264编码视频 .

    简单地说,有几种类型的mp4文件,并不是浏览器都支持所有这些文件 . 要验证这一点,您可以从quicksmode网站下载其中一个视频,并用它替换您的视频 .

  • 0

    可能的方法:

    //autoplay muted onloadedmetadata="this.muted = true"  
    
    <video id="abc" autoplay muted onloadedmetadata="this.muted = true" >
      <source src="https://github.com/mediaelement/mediaelement-files/blob/master/big_buck_bunny.mp4?raw=true" type="video/mp4">
      Your browser does not support the video tag.
    </video>
    

相关问题