美文网首页
小程序web-view关闭后,手动关闭页面音频视频,ios视频播

小程序web-view关闭后,手动关闭页面音频视频,ios视频播

作者: 臭臭的胡子先生 | 来源:发表于2021-03-01 10:16 被阅读0次

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>

相关文章

网友评论

      本文标题:小程序web-view关闭后,手动关闭页面音频视频,ios视频播

      本文链接:https://www.haomeiwen.com/subject/meiofltx.html