解决ios h5下video点击播放自动全屏视频问题

部署上线webrtc项目发现 ios h5 video默认情况下
设置静音实现自动播放后
手动点击播放时候自动全屏播放了,交互不好,如图:
image
image
打印查看video所有自带的dom属性

 const videoDom = document.getElementsByTagName('video')[0]
      const obj = {}
      for(const prop in videoDom){
        obj[prop] = videoDom[prop]
      }
      console.log(obj)

image
playsInline默认为false
js添加

 video.addEventListener('loadedmetadata', () => {
        video.playsInline = true
        video.muted = true
        video.controls = false
        video.play()
      })

image

posted @ 2023-01-26 17:17  南柯Dream丶  阅读(177)  评论(0)    收藏  举报