onPageStateChange这个监听事件。可以判断微信小程序是否在前台。通过监听判断音视频播放或者暂停
document.addEventListener("WeixinJSBridgeReady",() => {
WeixinJSBridge.on('onPageStateChange', (res)=> {
if(res.active){
//播放
}else{
//暂停
}
});
},
false
);
小程序web-view视频播放时在ios上播放结束后点击分享时页面会出现白屏,只需要将视频时长置为视频最后播放时间即可
<template>
<div class="page" ref="page">
<video
id="video"
ref="video"
:src="videoSrc"
class="video"
type="video/mp4"
x-webkit-airplay="true"
x5-video-player-type="h5"
x5-video-orientation="portraint"
x5-playsinline="true"
webkit-playsinline="true"
playsinline="true"
:muted="mutedType"
:class="mutedType ? 'opacity_0':''"
></video>
</div>
<script>
methods:{
videoPlay(){
let video = this.$refs.video;
video.currentTime = 0;
}
}
</script>
网友评论