html - 为什么在 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"。