为什么在Chrome上使用HTML5视频时只显示控件？

Question

我正在使用以下HTML5来显示视频,但只有控件显示在Chrome中.在Safari和Firefox中正常工作:

<video width="720" height="480" controls="controls" preload="preload">
    <source src="<?php bloginfo('url'); ?>/wp-content/uploads/Reel.ogv" type="video/ogg; codecs=theora,vorbis" >
    <source src="<?php bloginfo('url'); ?>/wp-content/uploads/Reel.mp4" type="video/mp4">
    Your browser doesn't support video.
</video>

有任何想法吗？

Answer 1

在我看来,第一个<source>标签具有格式错误的类型属性:

<source src="<?php bloginfo('url'); ?>/wp-content/uploads/Reel.ogv" type="video/ogg; codecs=theora,vorbis" >

type="video/ogg; codecs='theora, vorbis'"如果我没记错的话应该是.也可以尝试type ="video/ogg".