视频无法在iOS10 Chrome上播放

Question

我似乎无法找到此视频片段的错误。

<video poster="sample.jpg" loop autoplay controls muted playsinline>
    <source type="video/webm" src="sample.webm"></source>
    <source type="video/mp4" src="sample.mp4"></source>
</video>

视频在Safari中没有任何问题播放（没有针对早期版本的iOS进行测试，但我唯一担心的是自动播放问题？），但在Chrome上我唯一看到的是封面图片和播放没有触发任何内容的按钮。我错过了什么吗？我真的需要使用JS才能让它工作吗？

更新：使用iOS Chrome播放Webm文件似乎存在问题 - 我已经尝试过来自不同位置的多个文件，并且在播放之前似乎需要先下载这些文件。 / p>

Answer 1

  

谷歌浏览器目前有一个错误，如果它出现在其他任何之后，它将无法自动播放.webm视频。尝试使用已发布的代码here。

如果之前的建议无效，请尝试在Github上使用脚本化回放示例video.js和simpl。

此外，请阅读this post专用于移动浏览器中的静音自动播放。阅读Stack Overflow帖子也很有用 - Efficiently detect if a device will play silent videos。

Answer 2

  

我似乎无法找到此视频片段的错误。

<video poster="sample.jpg" loop autoplay controls muted playsinline>
    <source type="video/webm" src="sample.webm"></source>
    <source type="video/mp4" src="sample.mp4"></source>
</video>

     

...更新：使用iOS播放Webm文件似乎存在问题   铬。

最简单和最好的解决方法是确保首先声明 mp4 文件，然后在第二位声明 webm （与您显示的顺序相反）。我相信iOS期望mp4作为HTML5视频标签中的第一个文件。所有iOS看到的都是src="sample.webm"，这不是一个有效的预期MPEG编解码器，因此会导致您的＆＃34; ...播放按钮不会触发任何内容＆＃34; 。你某处出现了一个无声的错误。

尝试：

<video poster="sample.jpg" loop autoplay controls muted playsinline>
    <source type="video/mp4" src="sample.mp4"></source>
    <source type="video/webm" src="sample.webm"></source>
</video>

附注：我的意见但是，我认为 webm 在这里是多余的，因为主支持系统（基于Google的技术）已经可以处理 mp4 了。

最好在[最终用户]浏览器中为那些视频解码器提供 mp4 或 ogv 的选择（仅限Firefox）。

PS：由于SIM数据限制，大多数移动系统都禁用了自动播放功能。最终用户必须选择播放该视频。可能网上有一些聪明的解决方法，但请记住，这是预期的行为，所以这不是你当前代码的问题。