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

视频组件video在app端层级很高怎么解决有办法吗

分类:uni-app

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

2025-06-06 10:25 负责人:无 分享
已邀请:
DCloud_UNI_yuhe

DCloud_UNI_yuhe

<video/> 组件在非H5端是原生组件,层级高于普通前端组件

请详细说明一下你的需求

  • 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

1***@qq.com

1***@qq.com

<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 (作者)

    不好弄,我这是个类似论坛那种发帖子列表上不单单只有视频还有图片哪些,而且视频也做了特殊处理的

    2025-06-06 14:01

  • 1***@qq.com

    回复 1***@qq.com: 没影响的,就是把这个视频单封装出一个组件就行,列表里面引用视频变成引用组件就行

    2025-06-06 17:25

  • 1***@qq.com

    回复 1***@qq.com: 如果视频还有别的处理可能有点麻烦,单播放啥的没事

    2025-06-06 17:26

1***@qq.com

1***@qq.com (作者) - 哈喽

哎,这么久了uniapp依然还是解决不了app中视频组件同层渲染的问题,老火哦

要回复问题请先登录注册