解决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>

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

详情看

相关推荐
程序员小崔日记9 小时前
20块钱注册一年 .COM 域名!Spaceship 最新优惠教程,支付宝即可付款(附优惠码)
服务器·腾讯云·域名
实心儿儿10 小时前
Linux —— 进程间关系和守护进程
linux·运维·服务器
林浅不想努力10 小时前
LVS知识点总结
服务器·云原生·lvs
石小石Orz11 小时前
我发现了开发者AI产品营收的新方向
前端·虚拟现实
老马识途2.011 小时前
关于跨域问题的总结
java·前端
Dawn-bit11 小时前
Linux磁盘管理详解
linux·运维·服务器·计算机网络·云计算
别惊醒渔人13 小时前
Vue3 Diff 优化:最长递增子序列 LIS
前端·javascript·vue.js
颜酱13 小时前
07 | 把字段与指标同步到 Qdrant(生成阶段)
前端·人工智能·后端
用户0595401744613 小时前
把AI长期记忆测试从手动验证换成pytest,2天揪出11个隐藏Bug
前端·css
lichenyang45314 小时前
从 Vite 空项目到 AIGC 图片工作台:我如何打通生图、任务轮询、生成库与 Canvas 动态特效
前端·人工智能