微信公众号网页视频禁止全屏播放

<template>
    <div>
        <video controls preload="auto" style="object-fit:fill">
            <source :src="media" type="video/mp4">非视频文件
        </video>
    </div>
</template>

<script>
export default {
    props: ["media"],
    mounted() {
        var ua = navigator.userAgent.toLocaleLowerCase();
        var _video = document.querySelector("video");
        if (
            ua.match(/tencenttraveler/) != null ||
            ua.match(/qqbrowse/) != null
        ) {
            _video.setAttribute("x-webkit-airplay", true);
            _video.setAttribute("x5-playsinline", true);
            _video.setAttribute("webkit-playsinline", true);
            _video.setAttribute("playsinline", true);
        } else {
            //ios端
            _video.setAttribute('webkit-playsinline',true);
            _video.setAttribute('playsinline',true);
        }
    }
};
</script>

<style lang="less" scoped>
video {
    width: 100%;
}
</style>