HTML5 视频控件 - 仅在 chrome 中暂停后无法播放

Question

嗨，如果可能的话，我希望能得到一些帮助。我有一个 HTML5 视频，在 chrome 中观看时表现很奇怪。

当用户第一次点击播放时，视频就会播放。如果他们点击暂停，视频就会暂停。但是播放按钮根本不起作用，播放视频的唯一方法是单击视频屏幕。

关于为什么会发生这种情况以及我该如何解决这个问题有什么想法吗？

这是我使用的代码:

<video width="560" height="320" preload controls>
<source src="videos/Testimonial2.mp4" type="video/mp4" />
<source src="videos/Testimonial2.ogv" type="video/ogg" />
<source src="videos/Testimonial2.webm" "type=video/webm" />
<object type="application/x-shockwave-flash" data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" width="560" height="320">
<param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" />
<param name="wmode" value="transparent" />
<param name="bgcolor" value="#FFFFFF" />
<param name="quality" value="high" />
<param name="allowFullScreen" value="true" />
<param name="allowscriptaccess" value="always" />
<a href="http://www.adobe.com/go/getflash">
<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
</a>
<param name="flashvars" value="vdo=videos/Testimonial2.flv&amp;autoplay=false" />
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</video>

谢谢你:)

Answer 1

不幸的是，Slashin8r 的回答对我没有帮助，但是 this answer做过。基本上，我只需要重新安排我的来源，以便 OGV 和 WEBM 视频出现在 MP4 之前。不知道为什么。我也保留了 preload="none"。看起来很傻，但是，嘿，不管用什么，对吧？

之前:

<video width="1920" height="1080" controls preload="none">
    <source src="example.mp4" type="video/mp4" />
    <source src="example.ogv" type="video/ogg" />
    <source src="example.webm" type="video/webm" />
</video>

之后:

<video width="1920" height="1080" controls preload="none">
    <source src="example.ogv" type="video/ogg" />
    <source src="example.webm" type="video/webm" />
    <source src="example.mp4" type="video/mp4" />
</video>