Question

我的HTML5视频播放器不会播放超过一小时的文件。这是我的代码：

<video src="/Movies/MP4/Blaa.mp4" controls="controls"></video>.

我对HTML5很新，所以我问的问题是什么？任何答案都表示赞赏。

-Simon

Answer 1

问题是Chrome目前不会播放MP4电影文件。 Safari是目前唯一可用的浏览器。

Answer 2

看起来你只使用一个mp4文件，所以我不确定这是否有帮助，但我能够通过切换源文件的顺序来解决我的问题。据我所知，Chrome可以播放H.264视频（这通常包含在MP4包装器中），但它无法播放MP4文件。我猜他们终于removed support for MP4就像他们说他们要去的那样。

以下是我的代码看起来像：

<video width="640" height="360" controls>
    <source src="http://example.com/video.mp4" type="video/mp4"  />
    <source src="http://example.com/video.webm" type="video/webm" />
    <source src="http://example.com/video.ogv" type="video/ogg"  />
</video>

根据我的理解，当浏览器尝试呈现HTML5视频标记时，它应该跳过它无法播放的任何源标记，并尝试播放它可以播放的第一个标记。无论出于何种原因，Chrome目前还没有这样做。无论如何它都试图播放MP4，并且失败了。

即使是“Video for Everyone”页面上的视频现在也无法使用。

我的解决方案是切换源代码的顺序，以便webm视频出现在mp4视频之前：

<video width="640" height="360" controls>
    <source src="http://example.com/video.webm" type="video/webm" />
    <source src="http://example.com/video.mp4" type="video/mp4"  />
    <source src="http://example.com/video.ogv" type="video/ogg"  />
</video>

到目前为止，这已经解决了这个问题。 Chrome现在可以播放webm文件，没有任何问题，我测试过的所有其他浏览器似乎仍能正常运行。

我仍然需要测试的唯一可能的问题是我已经读过iPad有一个需要先列出MP4源的错误。我正在努力将手放在iPad上，看看这是否还是个问题。

目前，此解决方案解决了我的问题。

希望有所帮助！

html5视频播放器不会播放一小时以上的视频

2 个答案: