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

时间:2014-04-27 15:39:47

标签: html html5 google-chrome video

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

我的代码如下......

<video width="600" height="400" controls>
  <source src="ds2.mp4" type="video/mp4">
  <source src="ds2.ogv" type="video/ogv">
  <source src="ds2.webm" type="video/webm">

您的浏览器不支持视频代码。

</video>

我的文档类型为<!Doctype html>

我检查了MIME类型,它的Video / mp4。然而,其中一个哑剧请求是红色并取消(当使用谷歌开发工具网络检查时)

我正在使用微软表达式web 4(如果它是相关的)

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

1 个答案:

答案 0 :(得分:21)

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

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