video 如何实现手机端自动播放

Question

1.关于手机端不能自动播放视频的问题 autoplay 无效
2.在网上找到一个可自动播放的网址 附上https://houseparty.com/
自己研究了半天 还是不可行,整个网站都扒下来过了....
求助大神~~

Answer 1

iOS 10+ 新政策，在省电模式下无法自动播放视频。

Answer 2

document.getElementById('video').play()

Answer 3

据我之前经验，移动端必须要有用户交互才能播放的。
你可以监听touchstart事件，触摸屏幕后应该就可以播放了。

Answer 4

早期的ios和android都必须要有用户手势（user gesture）video标签才可以播放。
ios从版本10开始修改了video的规则，苹果放宽了inline和autoplay，所以你的设备必须升级到ios 10以上才可以。链接描述
android在chrome 53版本之后支持了autoplay。链接描述

所以如果满足以上条件，你就可以在video标签上添加autoplay属性来支持自动播放

在此之前autoplay是被禁止的。

以上只针对ios内置的safari和android的chrome有效，其他app内置的browser不确认有效。

Answer 5

ios浏览器和chrome都默认禁用自动播放，原因是浪费用户流量。
你可以在body监听touchstart然后播放

Answer 6

请问题主最后解决了吗？我也遇到这个问题了

Answer 7

先贴一个 Google 关于 autoplay 方面的 policy

https://developers.google.com...

正常情况下在 video 标签添加 autoplay 属性就可以直接做到了。

这是目标网站上面的代码：

<video autoplay="" playsinline="" loop="" muted="" poster="/assets/video/video.jpg" id="video">
  <source src="/assets/video/video.mp4" type="video/mp4">
</video>

autoplay 失效的话，题主给个具体的系统版本和关键代码，如果是已经在政策内的情况，估计也没的绕了，只能添加事件，调用 .play() 方法。

Answer 8

video.play()

Answer 9

• 先说答案：

  • 设置 playsinline="" 即可

• 成品方案：

  • 滴滴官网（可切换成移动视图验证）