Safari浏览器跳转以显示HTML5自动播放视频

时间:2016-12-22 16:17:24

标签: html5 video safari autoplay

我有Instagram内容的摘要,其中包含最近的帖子。如果帖子是视频,则显示如下:带有自动播放,循环和静音属性的HTML5视频。

在美学上,结果非常令人愉悦;但是在Safari中,当视频加载完毕后,浏览器会将网页向下跳到视频位置。它不会在Chrome中执行此操作。

视频不是主要内容所以我不希望它跳过页面。

问题

  1. 是否有自动播放的W3C标准?即采用默认方法的safari或chrome

  2. 解决这个问题的最佳方法是什么?

  3. 关于灵魂的思考

    我可以关闭自动播放,而是触发JS的播放。然而,这似乎有点不必要,并创建了一个新的依赖。

1 个答案:

答案 0 :(得分:1)

*更新:在视频开始播放后2秒内将滚动长度限制为1500个单位...

React