html5 标签 <video> 在 safari 和 IE 中不起作用

Posted 2023-02-19

【中文标题】html5 标签 <video> 在 safari 和 IE 中不起作用

【英文标题】：html5 tag <video> does not work in safari and IE

【发布时间】：2014-03-16 18:11:46

【问题描述】：

我的网站上正在运行一个 webm 视频，但它不适用于 safari 和 IE。

我使用的代码是as

<video src="http://video.webmfiles.org/elephants-dream.webm" controls autoplay loop preload="auto" poster="http://my-site.com/images/home-banner.png" class="only-default"  >
   <source type='video/webm; codecs="vp8, vorbis"' src="http://video.webmfiles.org/elephants-dream.webm">
</video>

【参考方案1】：

Safari 和 IE9 需要 MPEG-4。您可以为此添加第二个源标签。

当您使用源标签时，您应该删除视频标签内的 src= 属性。

如果您需要它在 IE8 或更低版本上运行，您可以在视频标签内添加一个 Flash 播放器，该播放器将播放相同的 mp4 文件。

<video controls autoplay loop preload="auto" poster="http://my-site.com/images/home-banner.png" class="only-default"  >
  <source type='video/mp4;' src="video.mp4">
  <source type='video/webm;' src="video.webm">
</video>

【讨论】：

谢谢，我已经将 mp4 作为第二个来源包含在内，并从视频标签中删除了 src。在 Safari 中，我收到消息“你正在看……”请检查我上面的 cmets 以获取更新的代码。

【参考方案2】：

IE 和 Safari 不支持 WebM

更多信息在这里http://www.w3schools.com/tags/tag_video.asp

【讨论】：

@Hamid，我也在源代码中添加了 mp4 和 ogg 格式的视频，但我的 safari 浏览器不支持视频标签。