HTML5标签 在Safari和IE浏览器无法正常工作(html5 tag <video

我有我的网站上未在Safari和IE浏览器的工作运行的WebM视频。

我已经使用其代码

<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:

WebM的是不是在IE和Safari支持

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

Answer 2:

Safari和IE9需要MPEG-4。 您可以包括针对第二源标签。

当您使用源代码，应该删除您的视频代码中的src =属性。

如果你需要它在IE8或更低，则可以添加视频标记，将发挥同样的mp4文件内的Flash播放器。

<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 tag