小程序视频播放列表怎么做（小程序中播放视频）

本篇文章给大家谈谈小程序视频播放列表怎么做，以及小程序中播放视频对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

微信号：cloud7591
如需了解更多，欢迎添加客服微信咨询。
复制微信号

本文目录一览：

• 1、微信小程序中的视频播放问题
• 2、小程序如何播放微视视频
• 3、微信小程序点击列表数据播放视频？
• 4、请问如何在小程序里制作一个音乐播放列表？

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

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

属性主要有：

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

initial-time ：指定视频初始播放位置。

danmu-list ：弹幕列表。

controls ：是否显示默认播放控件（播放/暂停按钮、播放进度、时间）。

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

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

参数主要包括：

brand ：手机品牌；

model ：手机型号；

fontSizeSetting ：用户字体大小设置。以“我-设置-通用-字体大小”中的设置为准，单位 px；

pixelRatio ：设备像素比。

小程序如何播放微视视频

小程序如何播放微视视频的步骤：1、点击“店铺”——“装修店铺”——“编辑”，进入小程序页面编辑。

2、点击“组件库”——“视频”，页面会添加视频组件，点击视频组件的“编辑”。

3、页面编辑右侧有个链接，输入视频的链接即可。如果您使用的自己存储的视频，可以直接选择“小程序视频”。

微信小程序点击列表数据播放视频？

上方的video标签写好，给src一个定义的变量URL_data赋值；定义一个播放标题title_video

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

请问如何在小程序里制作一个音乐播放列表？

效果展示

通过在循环容器上加载音乐列表，通过设置值将循环容器上的音乐值设置给音频组件，实现点击音乐列表，切换不同的音乐。

创建数据表

注意：在数据中心你可以创建属于自己应用程序的数据表格，数据表格类型分为用户表、商品表、订单表和自定义表。

点击数据中心。

创建数据表：音频

字段包含:封面、歌手、音频（音频类型）、名称。

创建事件

注意：事件是构建数据与界面元素组件链接的抽象逻辑。数据表与界面元素组件通过事件连接。

点击事件中心。

创建事件:查询音频。

点击事件中心。

创建事件:随机查询一条音乐。

触发器配置

注意：在检查器面板中的触发器设置面板创建触发器，可以对组件进行交互逻辑设置，或配合事件来进行动态数据操作。

选中循环容器。

点击检查面板中的触发器面板。

创建触发器：查询。

选中动态容器。

点击检查面板中的触发器面板。

创建触发器:随机查询一条音乐。

选中音频组件。

点击检查面板中的数据绑定与设置。

打开开关：接收动态数据。

同上，需要将动态容器中的组件均打开该开关。

选中循环容器的列表条目。

点击检查面板中的触发器面板。

创建触发器：设置音频值。

设置歌手值。

设置音乐值。

设置封面值。

选中音频组件。

点击检查面板中的触发器面板。

创建触发器：播放。

创建触发器：暂停。

选中标签文本。

点击检查面板中的触发器面板。

创建触发器。

绑定数据

注意：绑定数据可以将事件返回的数据和组件显示内容进行绑定。

选中循环容器的列表条目。

点击检查面板中的数据绑定与设置。

绑定数据。

选中动态数据。

点击检查面板中的数据绑定与设置。

绑定数据。

小程序视频播放列表怎么做的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于小程序中播放视频、小程序视频播放列表怎么做的信息别忘了在本站进行查找喔。