<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>
微信公众号网页视频禁止全屏播放
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 折腾了半天，各种百度，都是说在html的video中加入webkit-playsinline属性，可是怎么都不起作...
- 成长记录-连载（三十六） ——我的第一篇五千字长文，说了什么，你一定想不到 并不是不想每天写公众号，而是之前思考怎...
