轻栈学堂
快速上手品牌电商独立运营

​小程序开发--添加视频
专栏:轻栈insarea微头条
发布日期:2023-08-22
阅读量:505
作者:轻栈insarea
收藏:
添加视频,选择是否循环播放,设置片头图片,完成。有代码基础的朋友,推荐用开发者工具添加视频,多属性设置出来的视频更多变化,零基础的朋友,必须选择用第三方平台添加组件,省事省力,操作简单。

1.用第三方平台开发小程序,添加视频。

添加组件--video


视频组件的属性非常多,下图只包含了部分属性,包括:要播放视频的资源地址,支持网络路径、本地临时路径、云文件ID / 指定视频时长 / 是否显示默认播放控件(播放/暂停按钮、播放进度、时间) / 弹幕列表 / 是否显示弹幕按钮,只在初始化时有效,不能动态变更 / 是否展示弹幕,只在初始化时有效,不能动态变更 / 是否自动播放....等等,这里就不展开说明了,有需要请打开微信小程序开放文档查询。

1692701034667098403.jpg



支持的视频格式有:MP4、mov、m4v、3gp、avi、m3u8、webm

1692701036454026444.jpg



小窗特性说明

video 小窗支持以下三种触发模式(在组件上设置 picture-in-picture-mode 属性):
push 模式,即从当前页跳转至下一页时出现小窗(页面栈push)
pop 模式,即离开当前页面时触发(页面栈pop)
以上两种路由行为均触发小窗

此外,小窗还支持以下特性:
小窗容器尺寸会根据原组件尺寸自动判断
点击小窗,用户会被导航回小窗对应的播放器页面
小窗出现后,用户可点击小窗右上角的关闭按钮或调用 context.exitPictureInPicture
接口关闭小窗
当播放器进入小窗模式后,播放器所在页面处于 hide 状态
触发 onHide 生命周期,该页面不会被销毁。当小窗被关闭时,播放器所在页面会被 unload
触发 onUnload 生命周期

1692701037246048692.jpg



2.用第三方平台开发小程序,小窗特性,视频属性都不需要考虑。
还是一样简单的操作,拖拽组件-【在线视频】,右键编辑。
添加视频,选择是否循环播放,设置片头图片,完成。

1692701037865034757.jpg

有代码基础的朋友,推荐用开发者工具添加视频,多属性设置出来的视频更多变化,零基础的朋友,必须选择用第三方平台添加组件,省事省力,操作简单。


快去开发属于自己的小程序吧~立即添加视频。

上一页:制作小程序商城,添加分组组件
下一页:文章一键发全网
说点什么
发表
最新评论

    本文由轻栈平台用户上传并发布,轻栈仅提供信息发布平台。文章仅代表作者个人观点,不代表轻栈立场。未经作者许可,不得转载。有涉嫌抄袭的内容,请通过反馈中心进行举报。

    电商运营资讯
    轻栈社区
    独立站运营

    热点文章

    轻栈,独立品牌电商新方式!→

    免费使用