uni小程序video视频禁止拖动进度条新
2023-03-06 本文已影响0人
litielongxx
视频播放时,有时需要不让快进或快退。
可以在跳转的时候,小程序video属性timeupdate检测到当前播放进度落差超过3秒(点的时候视频仍继续往下走)限制。
也可以直接cover-view(层级高)直接样式覆盖。
image.png
红色为留下剩余两侧空白的区域,相当于拖动时盖住了。
image.png
1 禁用手势,即视频上左右滑动一定触发的那个,video已经提供了。
true时为允许滑动
<video" :enable-progress-gesture="flag“>
<cover-view :class="{ maskvideo: !flag}"></cover-view>
</video>
video {
position:relative
}
.maskvideo {
position: absolute;
z-index:999;
content: '';
left: 50%;
bottom: 0;
transform: translateX(-50%);
width: 77%;
height: 100rpx;
}