<view class="content-video">
<view class="content-video-pos">
<video id="video" src="视频路径" :autoplay="true" :controls="true" play-btn-position="center"></video>
</view>
</view>
/* scss */
.content-video{
position: sticky;
top: var(--window-top);
left: 0;
display: block;
width: 100%;
height: 420rpx;
z-index: 9;
.content-video-pos{
position: relative;
width: 100%;
height: 100%;
}
video{
width: 100%;
height: 100%;
}
}
- 发布:2021-08-07 13:32
- 更新:2021-08-07 13:32
- 阅读:655
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: win10专业版 21H1
HBuilderX类型: 正式
HBuilderX版本号: 3.1.22
手机系统: Android
手机系统版本号: Android 10
手机厂商: OPPO
手机机型: oppo R15
页面类型: vue
打包方式: 离线
项目创建方式: HBuilderX
示例代码:
操作步骤:
剪贴进去一个长页面滚动,导致视频会跟着页面移动
剪贴进去一个长页面滚动,导致视频会跟着页面移动
预期结果:
视频会固定在该位置
视频会固定在该位置
实际结果:
视频不会固定在该位置
视频不会固定在该位置
bug描述:
页面设置为透明之后无动画效果进入页面会造成闪烁...请问这个问题如何解决呢??
position: sticky;
top: var(--window-top);
left: 0;
视频容器设置为这个之后,视频位置就会跟着页面移动,,不会固定在那里..请问这个问题如何解决呢??
压窗屏可以设置背景为透明之后无动画跳转模拟,,视频问题如下;
以上问题均在app端
0 个回复