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

2015-9-9hs0

android下视频播放是需要用户主动触发的。用户主动触发行为比如:touch、click(注意:zepto的tap是触发不了),类似setInterval此类 或者touch之后setTimeout再播放,都是行不通的。

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

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

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


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

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

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

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

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

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

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

相关软件

相关文章

猜你喜欢

盖楼回复X