uni-app video组件不跟随页面滚动
uni-app video组件不跟随页面滚动
| 属性 | 值 |
|---|---|
| 产品分类 | uniapp/App |
| PC开发环境操作系统 | Windows |
| PC开发环境操作系统版本号 | 10 |
| HBuilderX类型 | 正式 |
| HBuilderX版本号 | 3.3.5 |
| 手机系统 | iOS |
| 手机系统版本号 | iOS 14 |
| 手机厂商 | 苹果 |
| 手机机型 | iphone 7 |
| 页面类型 | vue |
| vue版本 | vue2 |
| 打包方式 | 云端 |
| 项目创建方式 | HBuilderX |
示例代码
<view v-for="(item,index) in list">
<view class="videoContent">{{item.title}}</view>
<view class="shoplist_oc">
<view class="shoplist_ocvideo">
<video :src="item.video" :id="videoId(item.id)" style="width:100%;height:100%"
@timeupdate="addTime(index,item.id,$event)" @pause="pause(index,item.id)"
@play="video_play(index,item.id)" @ended="end(index,item.id)" :show-progress="false"
id="myVideo" picture-in-picture-show-progress="false" enable-progress-gesture="false">
</video>
</view>
</view>
</view>
.shoplist_oc {
width: 100%;
}
.shoplist_ocvideo {
width: 100%;
height: 330rpx;
margin: 30rpx auto 20rpx;
}
更多关于uni-app video组件不跟随页面滚动的实战教程也可以访问 https://www.itying.com/category-93-b0.html
2 回复
页面显示的效果就和这位老哥显示的一样
https://ask.dcloud.net.cn/question/133815?item_id=186459&rf=false
更多关于uni-app video组件不跟随页面滚动的实战教程也可以访问 https://www.itying.com/category-93-b0.html
