Html 视频播放器播放声音但不播放视频

Posted

技术标签:

【中文标题】Html 视频播放器播放声音但不播放视频【英文标题】:Html Video player plays sound but not video 【发布时间】:2014-06-13 01:42:14 【问题描述】:

我正在制作网页,并且正在尝试插入视频。视频播放器加载正常,您可以按播放,但只能播放音频,不能播放视频。 (在 chrome 中预览时) 在Firefox中查看时,它可以正常工作

我的代码如下...

<video   controls>
  <source src="ds2.mp4" type="video/mp4">
  <source src="ds2.ogv" type="video/ogv">
  <source src="ds2.webm" type="video/webm">

您的浏览器不支持 video 标签。

</video>

我的文档类型是&lt;!Doctype html&gt;

我检查了 MIME 类型,它的 Video/mp4。但是,其中一个 mime 请求显示为红色并已取消(使用 google dev tools 网络检查时)

我正在使用 microsoft expression web 4(如果它是相关的)

如果我忽略了任何重要信息,请让我知道并更新帖子:) 提前感谢您的帮助:)

【问题讨论】:

如果直接在浏览器中打开视频文件,有音频吗? 【参考方案1】:

您的问题在于文件编码。 HTML5 支持的类型很少,可悲的是,每个浏览器只能播放这个狭窄列表中的一部分。

如果你将你的 mp4 文件转换为H.264 编码,它将适用于 chrome 和 IE9 及更高版本,但显然由于专利问题,firefox 不支持它,但如果操作系统可以播放它就会播放它。这真的很烦人,并且仍然需要使用播放器才能在不受支持的浏览器中播放文件。

【讨论】:

感谢您的回复,明天早上我会尝试转换为 H.264 并更新您:) 这对我有用,非常感谢! :) 谢谢!也为我工作。终于有人知道它背后的真正原因了。这个答案比任何建议设置固定宽度或使用其他插件的人都好,因为它们实际上也不适合我。 .h.264 是 H.264 文件的扩展名还是 flv,还是两者都不是?? 不是扩展,而是编解码器,那是不同的东西

以上是关于Html 视频播放器播放声音但不播放视频的主要内容,如果未能解决你的问题,请参考以下文章

Flowplayer flash 组件播放声音但不播放视频

我的电脑在网页中播放视频只有声音没有画面是怎么回事?

为啥我的视频在 ARJS 中只播放声音而没有视频?

AVPlayer 空白视频:播放声音但没有视频

video标签播放视频只有声音没有画面&在iOS9中video标签播放无效

Android webView 播放 YouTube 视频