Question

我的网站上运行了一个webm视频，该视频无法在safari和IE上运行。

我使用的代码是

<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" width="613" height="354">
   <source type='video/webm; codecs="vp8, vorbis"' src="http://video.webmfiles.org/elephants-dream.webm">
</video>

Answer 1

IE和Safari

不支持WebM

此处有更多信息http://www.w3schools.com/tags/tag_video.asp

Answer 2

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" width="613" height="354">
  <source type='video/mp4;' src="video.mp4">
  <source type='video/webm;' src="video.webm">
</video>

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

2 个答案: