视频组件video在app端层级很高怎么解决有办法吗,每个一个列表我不可能单独原生去创建一个视频吧

1***@qq.com
- 发布:2025-06-06 10:25
- 更新:2025-06-06 14:37
- 阅读:84

<template>
<iframe :onload="onloadCode" style="width:100%;height:100%;border:1px solid #fff;background: #000;"></iframe>
</template>
<script>
export default {
props: {
src: {}
},
data() {
return {
onloadCode: '',
poster:''
}
},
created() {
this.poster=this.src+'?x-oss-process=video/snapshot,t_0,f_jpg'
this.onloadCode =
this.contentWindow.document.body.innerHTML = '<video style="width: 100%;height: 100%" poster="${this.poster}" controls="controls" src="${this.src}"></video>';
},
}
</script>
<style lang="scss">
</style>
1***@qq.com (作者)
我现在的需求是,我定义的菜单组件和所有的弹窗组件都会被视频组件盖住,难道我要把所有的菜单组件和弹窗组件都要换成cover-view这个组件吗,那这个工作量有点太大了吧,如果换了会对h5端和小程序端有影响吗
2025-06-06 11:23
DCloud_UNI_yuhe
回复 1***@qq.com: 微信小程序上可以用 view,其它平台需要使用 cover-view
2025-06-06 11:58
1***@qq.com
用iframe 包裹一下 video就行,网上有方案
2025-06-06 13:50
1***@qq.com (作者)
回复 DCloud_UNI_yuhe: cover-view限制多吧,我的菜单在h5和微信小程序可以正常显示,app上却直接不显示了
2025-06-06 13:56