微信小程序中的视频播放问题

微信小程序中的视频播放问题,第1张

小程序中的 video 组件是原生组件, 默认宽雀饥度300px、高度225px,可通过wxss设置宽高。其中 src 属性默认支持MP4格式,但是实际上还可以支持其他格式。

属性主要有:

src :要播放视频的资源地址。

initial-time :指定视频初始州销播放位置。

danmu-list :d幕列表。

controls :是否显示默认播放控件(播放/暂停按钮、播放进度、时间)。

binderror :视频播放出错时触发。

安卓系统可以支持MP4格式的视频,苹果手机支持m3u8格式的视频。可以通过获取手机的系统,然后判断播放什么格式的视频。

参数主要顷迹返包括:

brand :手机品牌;

model :手机型号;

fontSizeSetting :用户字体大小设置。以“我-设置-通用-字体大小”中的设置为准,单位 px;

pixelRatio :设备像素比。

上方的video标签写好,给src一个定义的变量URL_data赋值;定义一个播放宏耐标题title_video

下面的列表数据,应该每闹绝嫌个列表item里面包含该数据对应的src值,点击列表item的时候,液手获取该item的数据,将获取到的item数据赋值给URL_data,并将获取到的item的标题数据赋值给title_video

官网: https://developers.weixin.qq.com/miniprogram/dev/component/video.html

相关API:wx.createVideoContext(string id, Object this)

controls:是否显示默认播放控件(播放/暂停按钮、播放进度、时间)

muted:是否静音

show-play-btn:是否显示视频底部控氏隐制栏的播放按钮

show-center-play-btn:是否显示视频中间的播放按钮祥枝

show-mute-btn:是否显示静音按钮

事歼宴厅件:

bindended:当播放到末尾时触发 ended 事件

接口:

wx.createVideoContext(string id, Object this)

https://gitee.com/susuhhhhhh/wxmini_demo


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12396026.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-25
下一篇 2023-05-25

发表评论

登录后才能评论

评论列表(0条)

保存