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

时间:2014-03-24 22:01:32

标签: android ios scroll html5-video tablet

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

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

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

我已经在iPad 2和Android 4.2上进行了测试

1 个答案:

答案 0 :(得分:2)

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

  

换句话说,用户启动的播放按钮有效,但是   onLoad =“play()”事件没有。

我的经验是,移动设备上的Android具有相同的限制。

实现您想要的一种方法是绑定到先前触发的触摸事件(例如“触摸以输入此站点按钮”或当用户触摸链接以导航到页面上的某个点时),启动该事件的播放顺序,然后立即暂停视频,直到您的用户滚动到您想要的页面,然后恢复播放。

由于