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

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

详情看

相关推荐
遇见火星19 分钟前
Docker入门:快速部署你的第一个Web应用
前端·docker·容器
WeilinerL36 分钟前
泛前端代码覆盖率探索之路
前端·javascript·测试
浮游本尊39 分钟前
React 18.x 学习计划 - 第五天:React状态管理
前端·学习·react.js
-睡到自然醒~44 分钟前
[go 面试] 前端请求到后端API的中间件流程解析
前端·中间件·面试
你什么冠军?1 小时前
云计算与服务器概述
运维·服务器·云计算
洛卡卡了1 小时前
Sentry 都不想接,这锅还让我背?这xx工作我不要了!
前端·架构
UNbuff_01 小时前
Linux top 命令使用说明
linux·运维·服务器
咖啡の猫1 小时前
Vue 实例生命周期
前端·vue.js·okhttp
JNU freshman1 小时前
vue 之 import 的语法
前端·javascript·vue.js
剑亦未配妥1 小时前
Vue 2 响应式系统常见问题与解决方案(包含_demo以下划线开头命名的变量导致响应式丢失问题)
前端·javascript·vue.js