吴亦凡入伍广告是用什么软件做的 H5技术怎么实现

我们的需求是用户进到页面，当页面滚动一定高度之后，开始播放视频1，视频1播放完毕，不需要用户手动触发接着播放视频2。

转化到前端的逻辑：用户滚动页面一定高度之后，要连续播放视频1,2 中间用户是没有用户触发行为的。

解决思路： 当用户有触发行为时，就同时初始化视频1和视频2，给视频1添加ended事件，视频1播放完毕后就直接播放视频2 [v2.play()]

然而现实却很残酷(在android下会提示解析错误或者弹框让你选择文件打开方式)

既然上面的方法不行，那就用另外一种方法：当用户第一次触屏页面的时候去初始化视频2，然后等用户滚动页面一定高度的时候再去播放视频1，当视频1播放完毕，在回调里面直接播放视频2:

但这样还是会报错，我在想是不是canplay的事件发生的时候，video还没有初始化完成，但文档里面又找不到video初始化完成的API。

于是把逐个看似跟video初始化完成差不多的事件全都试了个遍，包括oncanplaythrough oncanplay onplay onplaying onprogress onreadystatechange ontimeupdate... 结果统统都不行。

后来经过反复调试和测试，发现一个规律，把视频2在自带的控制条上手动触发播放，等开始播放之后，再手动暂定，然后再播放1，等视频1结束后调用视频2 是正常的，也不会报错。

基本上可以总结成一个规律：只要视频2已经播放过，哪怕一帧就行，这样当视频1播放完毕之后再play视频2，就是正常的！

好既然找出规律来，那么就好办了，怎么监视视频播放过呢？由于没有现成的api.只能用别的事件来控制了~

因为在之前已试过video的N多事件，这时候该 timeupdate 登场了。 文档解释是：当播放位置改变时（比如当用户快进到媒介中一个不同的位置时）运行的脚本。

逻辑就是只要有视频播放的时候，这个事件就会不断地被触发。当有了播放时间（currentTime>0）了，就说明已经播放过了，然后暂停它。等着再次被play();