safari - HTML5 标记在 Windows Safari 5.1 浏览器中不起作用

Question

我正在尝试创建一个 html5 网页，其中有一个像 13s 这样的小视频，我将此视频的 flash 版本转换为 3 种格式：mp4、ogg、webm。

<video id="banner-video" poster="images/example.jpg" class="video" muted loop autoplay>
        <source src="media/example.mp4" type="video/mp4">
        <source src="media/example.ogg" type="video/ogg">
        <source src="media/example.webm" type="video/webm">
      </video>

它适用于 Windows PC（Mozilla firebox、Google Chrome、IE10、11（仅显示视频横幅））、Mac PC（Safari、Chrome）、iPhone 和 iPad。但仅适用于 Safari。

我是使用这种类型代码创建的。演示链接：http: //vodkabears.github.io/vide/