h5 video标签

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

内容更新中。。。

h5 video标签相关推荐

微信公众号网页 H5 video 标签自动播放
目录微信公众号网页 H5 video 标签自动播放问题描述解决方案微信公众号网页 H5 video 标签自动播放环境:微信公众号网页需求:H5 video 标签自动播放视频 video 标 ...
vue中使用h5 video标签实现弹窗播放本地视频
参考h5 < video >标签的用法在开发过程中主要涉及到以下几个需要关注的点 1.弹窗的打开关闭父组件中使用.sync绑定visible属性,可直接在子组件中关闭弹窗更新父组件传入 ...
H5 video标签封面
H5 video标签封面使用视频的第一帧作为video标签的封面 <video src="地址" poster="地址+ '?x-oss-process=vide ...
H5 video标签的用法及问题
关于HTML5视频标签的问题一.基本 video标签在兼容性上还是比较差的,如果要在页面中使用video标签,需要考虑三种情况,支持Ogg Theora或者VP8的(Opera.Mozilla.Ch ...
H5 video 标签的用法及问题
h5的video标签的用法及问题关于HTML5视频标签的问题一.基本 *video标签在兼容性上还是比较差的,如果要在页面中使用video标签,需要考虑三种情况,支持Ogg Theora或者VP8 ...
H5 VIDEO标签视频黑屏的原因及解决方法
<video style="width:90%;height:300px;" controls="" poster="/upload/image ...
H5 video标签播放MP4
1.使用source标签 2.source标签type改为video/mp4 3.确认播放的MP4编码为h264 <video id="video-player" muted ...
h5 video标签属性及方法
1.video 属性 <video src="test.mp4& ...
html5 vido切换超清高清标清,H5 video标签我要做一个切换清晰度的按钮，请问如何解决...
HappyDay1234567890 function videoSourceChoose(_this){ var myVideo = document.getElementById(" ...
html5截取视频片段,【转】H5 VIDEO标签列表渲染用CANVAS截取视频画面做封面
DQL:data Query language 数据查询语言格式:select[distinct] 字段1,字段2 from 表名 where 控制条件 (distinct: 显示结果时,是否去除重 ...

h5 video标签

h5 video标签相关推荐

最新文章

热门文章