视频标记未在Safari中播放视频/ webm文件

时间:2017-08-09 23:33:15

标签: html5 video safari

我尝试过这里列出的解决方案: HTML5 videos not working in Safari Video tag not working in Safari now

没有任何成功。

以下是我所拥有的: <video controls class="video" autoplay loop poster="video/Innocence.jpg" data-setup="{}"> <source src="video/main-vid.webm" type="video/webm"> </video>

播放Chrome和FF,但不播放Safari。所以我的iPhone不能播放它。有没有人有任何建议?

1 个答案:

答案 0 :(得分:1)

Safari目前似乎不支持WebM视频格式:http://caniuse.com/#feat=webm

要覆盖最广泛的受众群体,您需要使用MP4,Ogg和WebM格式:

<video controls class="video" autoplay loop poster="video/Innocence.jpg" data-setup="{}">
    <source src="video/main-vid.mp4" type="video/mp4" />
    <source src="video/main-vid.ogv" type="video/ogg" />
    <source src="video/main-vid.webm" type="video/webm" />
</video>

请注意,应首先列出MP4源,以便在旧版本的iOS中使用。

相关问题