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

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

详情看

相关推荐
啧不应该啊17 分钟前
vue配置axios
前端·javascript·vue.js
__fuys__22 分钟前
【HTML样式】加载动画专题 每周更新
前端·javascript·html
Want59524 分钟前
HTML粉色烟花秀
前端·css·html
让开,我要吃人了29 分钟前
HarmonyOS鸿蒙开发实战(5.0)自定义全局弹窗实践
前端·华为·移动开发·harmonyos·鸿蒙·鸿蒙系统·鸿蒙开发
池央29 分钟前
【Linux】常用指令详解一(ls,-a,-l,-d,cd,pwd,mkdir,touch,rm,clear)
linux·服务器
Tom哈哈39 分钟前
Ubuntu NFS 搭建及配置
linux·服务器·ubuntu
一条晒干的咸魚1 小时前
响应式CSS 媒体查询——WEB开发系列39
前端·css·html·css3·响应式设计·媒体查询
凌晨五点的星1 小时前
网络安全-webshell绕过,hash碰撞,webshell绕过原理
开发语言·前端·javascript
天心天地生1 小时前
【bugfix】-洽谈回填的图片消息无法显示
开发语言·前端·javascript
啧不应该啊2 小时前
element plus 按需导入vue
前端·javascript·vue.js