小程序中可以使用视频组件来播放自己想要展示的视频,具体步骤如下
一、添加视频组件
1、点击“店铺”——“装修店铺”——“编辑”,进入小程序页面编辑。
2、点击“组件库”——“视频”,页面会添加视频组件,点击视频组件的“编辑”。
3、页面编辑右侧有个链接,输入视频的链接即可。如果您使用的自己存储的视频,可以直接选择“小程序视频”。
如果是调用的腾讯视频,需要开启腾讯视频插件,复制腾讯视频的链接地址。
二、视频链接展示方式
1、小程序视频(推荐)
优点:
①、上传视频没有大小限制,无需等待审核(禁止上传违法内容),链接获取方便。
②、可以使用平台授权,无需自主发布,一键发布操作更简单。
设置方法详见第三点。推荐购买我司FSS对象存储来保存视频和添加链接。
2、腾讯视频
优点:免费
缺点:
①、有各种限制甚至是审核失败,视频会打上腾讯视频的水印,视频播放前会有广告,用户体验较差。
②、小程序需要在自主模式发布下使用,如当前是平台发布,需切换到自主发布模式,详见自主发布模式教程 https://www.west.cn/faq/list.asp?unid=2396
③、需上传带视频的代码包,如果不是带视频的代码包,需重新下载含视频代码包通过微信开发者工具上传。
设置方法详见第四点。
三、使用我司FSS对象存储添加视频链接(如打算使用腾讯视频请忽略此步骤)
1、购买,建议选择包年更便捷,因为小程序是按年收费的,FSS选择包年可以和小程序的使用时间同步。可以选择默认配置100G空间和100G流量,也可以根据自身情况选择空间和流量大小。
2、点击“云存储管理”——“FSS对象存储”——“文件管理”。
3、为了便于管理点击新建目录,演示站创建了一个APP目录,然后在APP目录下创建了movie目录,用于保存视频。然后点击“上传”即可上传视频。
4、将文件拖到虚线框里或者点击“点击上传”找到文件进行上传。
上传文件不能超过50M,如果要传大文件,可以使用FTP的方式上传。FTP信息如下:
5、为了外部能正常访问,需要点击“权限”,将Bucket匿名访问权限设置改为“公共读”。
6、在文件管理中找到需要链接的视频,点击下载后面的箭头选择“复制访问路径”。
7、在小程序的视频组件中,粘贴刚才复制的链接(复制的链接是https格式),然后点击保存即可。
友情提示:为了用户在4G或5G网络下流畅访问,建议使用如下的视频参数
编码格式:建议使用基于H.264编码格式的MP4格式视频。
分辨率:因手机屏幕有限,建议使用720P或1080P分辨率。
比特率:建议控制在1Mbps左右比较合适。
四、使用腾讯视频链接添加视频链接(使用我司FSS对象存储添加视频链接请忽略此步骤)
1、开启插件:1.在微信平台(mp.weixin.qq.com)-设置-第三方设置-插件管理,添加腾讯插件。
2、在“店铺”-“插件管理”中启用腾讯视频组件。(如第一步未操作,将无法开启此组件。)
3、获取腾讯视频链接并添加腾讯视频链接。