E企盈营销工具技术服务商 热线:4006-838-530

微信小程序Video播放视频,宽高设置

E企盈直播平台营销卖货系统

1. wxml文件view class=”section”  video class= “videoCss” src='{{url}}’  objectFit=’cover’ show-center-play-btn = true  controls  danmu-btn page-gesture = “true” enable-progress-gesture = true/video/view2.js文件 data: {    url: ‘http://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280201010421301f0201690402534804102ca905ce620b1241b726bc41dcff44e00204012882540400&bizid=1023&hy=SH&fileparam=302c020101042530230204136ffd93020457e3c4ff02024ef202031e8d7f02030f42400204045a320a0201000400’  },3.wxss文件.videoCss{  width: 100%;}遇到的坑 我发现设置这个 view 的宽高对这个 video 没有影响,并不能自动填充,只能通过给 video 加类,在css里面设置宽高有用,有知道为啥的留个言,谢谢效果如下:下面是关于 Video 的相关的属性:srcString 要播放视频的资源地址,支持云文件ID(2.2.3起) initial-timeNumber 指定视频初始播放位置1.6.0durationNumber 指定视频时长1.1.0controlsBooleantrue是否显示默认播放控件(播放/暂停按钮、播放进度、时间) danmu-listObject Array 弹幕列表 danmu-btnBooleanfalse是否显示弹幕按钮,只在初始化时有效,不能动态变更 enable-danmuBooleanfalse是否展示弹幕,只在初始化时有效,不能动态变更 autoplayBooleanfalse是否自动播放 loopBooleanfalse是否循环播放1.4.0mutedBooleanfalse是否静音播放1.4.0page-gestureBooleanfalse在非全屏模式下,是否开启亮度与音量调节手势1.6.0directionNumber 设置全屏时视频的方向,不指定则根据宽高比自动判断。有效值为 0(正常竖向), 90(屏幕逆时针90度), -90(屏幕顺时针90度)1.7.0show-progressBooleantrue若不设置,宽度大于240时才会显示1.9.0show-fullscreen-btnBooleantrue是否显示全屏按钮1.9.0show-play-btnBooleantrue是否显示视频底部控制栏的播放按钮1.9.0show-center-play-btnBooleantrue是否显示视频中间的播放按钮1.9.0enable-progress-gestureBooleantrue是否开启控制进度的手势1.9.0objectFitStringcontain当视频大小与 video 容器大小不一致时,视频的表现形式。contain:包含,fill:填充,cover:覆盖 posterString 视频封面的图片网络资源地址或云文件ID(2.2.3起支持)如果 controls 属性值为 false 则设置 poster 无效 bindplayEventHandle 当开始/继续播放时触发play事件 bindpauseEventHandle 当暂停播放时触发 pause 事件 bindendedEventHandle 当播放到末尾时触发 ended 事件 bindtimeupdateEventHandle 播放进度变化时触发,event.detail = {currentTime, duration} 。触发频率 250ms 一次 bindfullscreenchangeEventHandle 视频进入和退出全屏时触发,event.detail = {fullScreen, direction},direction取为 vertical 或 horizontal1.4.0bindwaitingEventHandle 视频出现缓冲时触发1.7.0binderrorEventHandle 视频播放出错时触发1.7.0bindprogressEventHandle 加载进度变化时触发,只支持一段加载。event.detail = {buffered},百分比2.4.0

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 微信小程序Video播放视频,宽高设置
分享到: 更多 (0)
E企盈小程序直播营销卖货系统
E企盈直播平台营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏