解决video层级过高在app的问题

直接上代码,写一个组件

复制代码
<template>
	<iframe :onload="inner"></iframe>
</template>
<script>
	export default {
		props: {
			src: {}
		},
		data() {
			return {
				inner: ''
			}
		},
		created() {
			this.inner =
				`this.contentWindow.document.body.innerHTML = '<video  controls="controls" src="${this.src}"></video>';`
		},
	}
</script>
<style lang="scss">
</style>

在需要的地方直接引入放入路径就可以了

详情看

相关推荐
moxiaoran57536 分钟前
uni-app学习笔记三十--request网络请求传参
笔记·学习·uni-app
Mintimate8 分钟前
云服务器 Linux 手动 DD 安装第三方 Linux 发行版:原理与实战
linux·运维·服务器
RussellFans19 分钟前
Linux 环境配置
linux·运维·服务器
Angel_girl31922 分钟前
vue项目使用svg图标
前端·vue.js
网硕互联的小客服26 分钟前
503 Service Unavailable:服务器暂时无法处理请求,可能是超载或维护中如何处理?
服务器·git·github
難釋懷27 分钟前
vue 项目中常用的 2 个 Ajax 库
前端·vue.js·ajax
Qian Xiaoo29 分钟前
Ajax入门
前端·ajax·okhttp
爱生活的苏苏1 小时前
vue生成二维码图片+文字说明
前端·vue.js
拉不动的猪1 小时前
安卓和ios小程序开发中的兼容性问题举例
前端·javascript·面试
炫彩@之星1 小时前
Chrome书签的导出与导入:步骤图
前端·chrome