Firefox 的 HTML5 背景视频仍然无法播放

Posted 2023-05-07

【中文标题】Firefox 的 HTML5 背景视频仍然无法播放

【英文标题】：HTML5 background video still not playing of Firefox

【发布时间】：2014-10-12 22:30:56

【问题描述】：

sup guys。 同样的问题：html5 video not playing in Firefox 除了我添加后我的背景视频仍然没有显示

添加视频/ogg .ogv 添加类型视频/mp4 .mp4 AddType video/webm .webm

到我在与视频相同的文件夹中创建的 .htaccess 文件

这是它应该播放的页面： http://wearerocketscience.com/wordpress/contact/

请帮助:) ty

【参考方案1】：

我在Firefox won't play .webm and .ogv videos with HTML5看到了这个答案

取自 Fez Vrasta：

看来我找到了解决办法：

我将我的 ogv 编解码器从 VP8 切换到 Tehora，现在 Firefox 可以播放了 视频正确。

我使用此代码作为源代码：

MIME 类型是：

AddType video/ogg .ogv .ogg 并且编解码器是：

Xiph.org 的 Theora Video (theo) 我猜它也适用于 .webm 但我没有测试过。

【参考方案2】：

虽然服务器似乎提供正确的 mime 类型（直接访问时 webm 和 ogv 播放正常），但您的 <source> 定义是虚假的：

<video id="video_background" preload="auto" autoplay="true" loop="loop" muted="muted" volume="0">
    <source src="http://wearerocketscience.com/wordpress/wp-content/themes/twentytwelve/videos/contact.mp4"
      type="video/mp4">
    <source src="http://wearerocketscience.com/wordpress/wp-content/themes/twentytwelve/videos/contact.webm"
      type="videos/webm">
    <source src="http://wearerocketscience.com/wordpress/wp-content/themes/twentytwelve/videos/contact.ogv"
      type="video/ogv">
 </video>

它是video/webm（不是videos）和video/ogg（不是ogv）。