0

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

4

3 回答 3

1

关于视频和 IE9 的小问题。一位客户提供了 .mp4 视频。我们让它在一个带有 .ogg 选项和非 HTML 5 的 flash 对象后备的网站上工作。一切都很好，花花公子，在完全更新到最新 IE 的 XP 下工作得很好。所以IE很好。铬很好。火狐很好。平板电脑很好。网站看起来很棒。

然后我们投诉 - 视频没有显示。有人使用 Windows 7 和 IE，再次完全更新，看不到视频。

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

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

于 2012-04-26T15:05:25.613 回答
0

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

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

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

该<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 视频的详细信息，请查看：

于 2012-04-11T11:47:13.803 回答
0

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

于 2013-09-26T20:26:13.073 回答