解决uniapp中video标签层级太高问题

前言：层级太高会导致遮挡其它元素，使用cover-view也能解决，但如果被遮挡的元素使用了第三方UI库，就有点麻烦了。

<template>
	<view style="width: 100%;height: 100%;text-align: center;" v-html="videoHTML">		
	</view>
</template>

<script>
	export default {
		data (}{videoUrl: ""},
		computed: {
			videoHTML() {
				return `<video class="video-box" src="${this.videoUrl}" autoplay="true" play-strategy="3" controls style="width:100%;height:320rpx"></video>`
			}
		},
	}
</script>

也不知道为什么使用v-html的方式就能解决这个问题，它的解决原理是什么？研究研究v-html实现原理。