<video :src="item.media_url" :poster="item.cover_url" play-btn-position="center" enable-play-gesture="false"
@click="" autoplay="false" loop="false" @error="v_err()"></video>
只能修改一次
- 发布：2021-01-23 16:10
- 更新：2021-01-23 16:26
- 阅读：2151
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win7专业版 sp1
HBuilderX类型： 正式
HBuilderX版本号： 3.0.7
手机系统： Android
手机系统版本号： Android 9.0
手机厂商： 华为
手机机型： VKY-AL00
页面类型： vue
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
定义一个video
<video :src="item.media_url" :poster="item.cover_url" play-btn-position="center" enable-play-gesture="false" @click="" autoplay="false" loop="false" @error="v_err()"></video>
在定义一个层，这个层能覆盖一切，
position: fixed;z-index: 9999;
唯独覆盖不了video
定义一个video
<video :src="item.media_url" :poster="item.cover_url" play-btn-position="center" enable-play-gesture="false" @click="" autoplay="false" loop="false" @error="v_err()"></video>
在定义一个层，这个层能覆盖一切，
position: fixed;z-index: 9999;
唯独覆盖不了video
预期结果：
覆盖
覆盖
实际结果：
video在最高层，永远，，，永远。。。。。。。。。。。。。。。。。。。。。。。。。
video在最高层，永远，，，永远。。。。。。。。。。。。。。。。。。。。。。。。。
bug描述：
HBuilderX真机运行，video的z-index怎么改都不行，一直在最顶层。
未打包，未发布。
通过cover-view来绘制界面覆盖元素，原生控件层级过高无法覆盖的解决方案：https://uniapp.dcloud.io/component/native-component
另外可参考,video组件会覆盖页面其他非原生组件的设计替代方案示例https://ext.dcloud.net.cn/plugin?id=3549
只能修改一次 (作者)
为什么我的cover-view跟普通的view没两样了。。。。。可以使用position: fixed;并且无法覆盖video。。。。。。。替代方案改了src为url但是依然不显示视频图片。所以放弃替代方案。。。。。。
2021-01-23 18:56