急！video标签在微信浏览器H5中视频组件无法出现 - WXOPEN Club

<video

class="invite-video-src"

id="video"

x5-video-player-type="h5"

x5-video-player-fullscreen

x5-video-orientation="portraint"

x-webkit-airplay

webkit-playsinline

playsinline

autoplay

x5-playsinline>

<source

type="video/mp4"

src="http://bpm.tianrun.com/wxmobile/video/5t.mp4">

</video>

微信中打开一个h5页面,企业微信打开该h5页面，是可以展示并播放视频

微信开发者工具能够展示video组件并自动播放

在ios真机上video组件不展示且无法播放

已解决微信浏览器不支持autoplay 属性去掉

this.$nextTick(() => {

const video = document.getElementById('video')

// 一般情况下，这样就可以自动播放了，但是一些奇葩iPhone机不可以

video.play()

// 必须在微信Weixin JSAPI的WeixinJSBridgeReady才能生效

document.addEventListener('WeixinJSBridgeReady', () => {

video.play()

}, false)

})

必须在html加上

<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>