Question

HTML5视频标签如何消除对插件的需求。视频标签除了以前使用的标签（例如嵌入和删除了需要插件的对象）之外还会做什么？
请详细说明。

Answer 1

视频和IE9上的一点点问题。客户端提供了.mp4视频。我们在一个带有.ogg选项的网站和非HTML 5的flash对象后备版上工作。一切都很好，花花公子，在XP下完美更新到最新的IE工作。所以IE很好。 Chrome很好。 Firefox很好。平板电脑很好。网站看起来很棒。

然后我们抱怨 - 视频没有显示。使用Windows 7和IE的人再次完全更新，无法看到视频。

事实证明客户端没有将.mp4编码为H.264格式视频，而我们完全更新的XP系统只运行IE8（WinXP没有IE9）并且优雅地回退到Flash。 Chrome浏览器没问题.mp4，FF和.ogg。但事实证明IE9正在读取标签，但无法读取.mp4文件 - 所以没有回退到Flash，只是红十字。解决方案是重新编码.mp4（使用的Miro），因此它具有正确的编解码器。

道德是如果对IE9有疑问，请检查.mp4文件是否已编码为正确的格式。

Answer 2

HTML5视频标签如何消除对插件的需求

支持HTML5播放器的浏览器在使用<video>标记时能够显示默认播放器或内置播放器。

除了以前使用的标签之外，视频标签还能做什么比如嵌入和删除需要插件的对象？

<video>标记对其他/旧标记不执行任何操作，但它确实为您提供了回退选项。如果浏览器不支持HTML5，则会回退到<embed>，<object>等旧方法。这是一个例子：

<video controls
  preload="none" width="590" height="320"
  data-setup="{}">
  <source src="Real_Media.theora.ogv" type='video/ogg'>

   <!-- fallback for older browsers -->

   <object width="590" height="320">
      <param name="movie" value="http://www.youtube.com/v/Z7pAr39ZnhA&amp;hl=en_US&amp;fs=1"></param>
      <param name="allowFullScreen" value="true"></param>
      <param name="allowscriptaccess" value="always"></param>
      <embed src="http://www.youtube.com/v/Z7pAr39ZnhA&amp;hl=en_US&amp&autoplay=1;fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="590" height="320" wmode="transparent"></embed>
   </object>

</video>

如您所见，我们在<object>标记内指定了<video>标记。虽然它是可选的，但您需要为不支持HTML5的浏览器指定它。在上述情况下，如果浏览器支持HTML5，则会使用<video>标记，并忽略<object>标记，反之亦然。

有关HTML5视频的详细信息，请查看：

Dive Into HTML5 - Video Tag

Answer 3

请查看：http://html5media.info/要包含一行.js，以支持所有主流浏览器和手机中的<video>和<audio>代码：

HTML5中的视频元素

3 个答案: