h5 video标签

来源:互联网 发布:如何做好美工 编辑:程序博客网 时间:2024/05/05 13:07

ondurationchange在手机上的状态

点击视频列表中的图片进入视频详细页,

状态1:进入详细页后由于执行到video标签,ondurationchange会被执行到,此时会video标签会打印一个1($('video').duration)

状态2:当用户点击video标签后会返回一个正确的视频总时长

状态3:当用户点击全屏,进入手机全屏状态播放时,ondurationchange不会被触发,当视频全屏状态回退到视频详细页播放时此时又会触发一遍ondurationchange


解决方法:

1.当duration总时长不为1且大于0时说明得到了视频的有效时长,此时做一个标记表示已获取

a。在apiready中flag=false;

b。在playVideoBox方法中flag=true;

2.观看次数加1在此方法中适用。参照onplay方法进行观看次数加1不适用,因为$(this).attr('onplay',‘’);虽然可行但是当用户再次想看视频时无法做到视频+1

内容更新中。。。


0 0