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

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

详情看

相关推荐
2301_7665360531 分钟前
调试无痛入手
开发语言·前端
@大迁世界2 小时前
构建 Next.js 应用时的安全保障与风险防范措施
开发语言·前端·javascript·安全·ecmascript
_extraordinary_2 小时前
Linux基本指令(三)+ 权限
linux·运维·服务器
青春:一叶知秋2 小时前
Reactor模型说明
运维·服务器
IT、木易3 小时前
ES6 新特性,优势和用法?
前端·ecmascript·es6
粉03213 小时前
Keeppalived 实现Nginx 的高可用集群
java·服务器·nginx
计算机软件程序设计3 小时前
vue和微信小程序处理markdown格式数据
前端·vue.js·微信小程序
指尖时光.3 小时前
【前端进阶】01 重识HTML,掌握页面基本结构和加载过程
前端·html
前端御书房3 小时前
Pinia 3.0 正式发布:全面拥抱 Vue 3 生态,升级指南与实战教程
前端·javascript·vue.js
NoneCoder3 小时前
JavaScript系列(84)--前端工程化概述
前端·javascript·状态模式