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

【问题标题】：Why do only the controls show up when using HTML5 video on Chrome?为什么在 Chrome 上使用 HTML5 视频时只显示控件？
【发布时间】：2010-05-19 22:52:11
【问题描述】：

我正在使用以下 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>

有什么想法吗？

【问题讨论】：

一件小事：除非您正在编写 XHTML5，否则您不需要 controls="controls" -

标签： html google-chrome html5-video

【解决方案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"。

【讨论】：