HTML 5 视频不适用于 Mozilla答案

【问题标题】：HTML 5 Video not working on MozillaHTML 5 视频不适用于 Mozilla
【发布时间】：2026-02-09 02:10:01
【问题描述】：

由于某种原因，我的 HTML 5 元素在 Mozilla Firefox 上不适合我。

视频的控制按钮确实出现了，但是当我按下播放时没有任何反应。

虽然它在 chrome 上完美运行。这是我的代码：

            <video width="100%" controls="controls">
                <source src= "video/myvideo.mp4" type="video/mp4">
                <source src="video/myvideo.webmhd.webm" type="video/webm">
            </video>

你能帮我找出它不工作的原因吗？

编辑：我的问题是，如果我按下播放按钮，视频将不会播放......但如果我按下时间栏，视频就会播放。如何通过按播放按钮启动它？

【问题讨论】：

标签： html

【解决方案1】：

<video> 标签的controls 属性是一个布尔值。只需使用

<video width="100%" controls>

或

<video width="100%" controls="true">

【讨论】：

试过了，不是运气。我的问题是，如果我按下播放按钮，视频将不会播放......但如果我按下时间栏，视频就会播放......
您是否有任何 Javascript 与控件交互（或 CSS 样式）？
你运行的是哪个版本的 Firefox？
版本 16.0.2（它告诉我它是最新的。）
打开 Web 控制台 (CTRL-Shift-K) 然后重新加载页面。点击播放按钮，看看是否有错误（不用担心 MP4 错误，这是意料之中的，这就是为什么后面有 WEBM 源标签的原因）

【解决方案2】：

mozilla 不支持 mp4

你可以在这里看到 https://developer.mozilla.org/en-US/docs/Media_formats_supported_by_the_audio_and_video_elements

【讨论】：

【解决方案3】：

将视频转换为 .ogg 并将其包含在内。

【讨论】：

应该可以。您可以通过谷歌搜索找到在线转换器。
嗯，这很奇怪......当我按下播放按钮时，视频什么也不做，但如果我点击时间栏，视频会在那个时候播放并继续没有问题..
任何人都知道这一点吗？...我有同样的问题.. .ogg 在来源列表中排在第一位.. 仍然没有运气

【解决方案4】：

mozilla 可能不支持视频格式。只是将文件重命名为该视频类型可能不正确。

检查 Mozilla 支持的视频格式 - a link!

【讨论】：

您可以查看视频元素的networkState 属性以查看是否已加载任何源。如果值为HTMLMediaElement.NETWORK_NO_SOURCE，则它们都加载失败。
视频标签上的网络状态为 1。HTMLMediaElement.NETWORK_NO_SOURCE 为 3。