android - 滚动事件上的视频播放(移动设备)

Question

是否可以将 HTML5 视频播放绑定(bind)到移动设备上的滚动事件？具体来说，我希望用户能够滚动到页面的特定部分(已经通过 jQuery waypoints 插件配置了此功能，并且它在桌面上完美运行)并让视频自动开始播放。

我很清楚与移动设备上的视频播放有关的一些限制 (link) ，但我过去已经能够解决其中的一些问题。我以前曾在用户点击事件交互时开始播放视频，但没有尝试通过滚动事件交互来播放视频。

有人知道这是否可行吗？我想避免让用户点击开始播放视频，而且似乎因为滚动就像点击或滑动一样是一个事件，所以理论上它可以工作。在实践中是另一个问题。

我在 iPad 2 和 Android 4.2 上测试过

Answer 1

据我了解 Apple 关于在 iOS 上播放 HTML5 视频的政策，您确实需要用户交互来启动播放 --- 但此用户交互也需要与“按钮”相关。 “滚动”事件并不是启动播放的有效用户交互。如前所述here

In other words, a user-initiated Play button works, but an onLoad="play()" event does not.

我的经验是，移动设备上的 Android 也有同样的限制。

完成您想要的事情的一种方法是绑定(bind)到先前触发的触摸事件(例如使用“触摸进入此站点按钮”或当用户触摸链接以导航到您页面上的某个点时)，启动该事件的播放顺序，然后立即暂停视频，直到您的用户滚动到页面上您想要的位置，然后继续播放。

谢谢