*video标签在微信公众号上出现的一些问题*
16lz
2021-01-26
**video标签在微信公众号上出现的一些问题**
1,在微信公众号Android和iOS 视频播放禁止放大
video标签上添加属性 video.attr('playsinline','true'); video.attr('x5-playsinline','true');
2,Android在微信端视频播放完之后推荐不相关的内容
···let isiOS = !!navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); // 判断是否是iOSif (!isiOS) { video.play(); setTimeout(() => { video.pause(); }, 100)}
监听播放进度条是否拖动var video = document.querySelector('video');var supposedCurrentTime = 0;var allowSeekTime = 1; // max allow seek time in seconds监听当前的播放位置发送改变时触发。video.addEventListener('timeupdate', function() {if (!video.seeking) {supposedCurrentTime = video.currentTime;}});// prevent user from seeking寻址中(Seeking)指的是用户在音频/视频中移动/跳跃到新的位置。video.addEventListener('seeking', function() {var delta = video.currentTime - supposedCurrentTime;if (Math.abs(delta) > allowSeekTime) {console.log("Seeking is disabled");video.currentTime = supposedCurrentTime;}});// delete the following event handler if rewind is not requiredlet isiOS = !!navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)监听视频播放完成video.addEventListener('ended', function() {// reset state in order to allow for rewindsupposedCurrentTime = 0;if (!isiOS) {video.play();setTimeout(() => {video.pause();}, 100)}
});
监听微信后退事件window.addEventListener("popstate", function(e) { // _this.$router.go(0)}, false);
···
更多相关文章
- 给其他布局文件的控件添加监听事件
- 【cocos2dx 3.2】2048
- Android在任意位置获取应用程序Context
- Android(安卓)彻底征服 ListView 一 (实用篇)
- android 实现图片选择拖拽控件
- Android(安卓)NestedScrollView嵌套RecyclerView冲突
- Android系统模拟位置的使用方法
- android的WebView、WebViewClient、WebChromeClient的关系
- Dialog与DialogFragment设置大小位置的区别