微信小程序如何使用视频组件

小程序中可以使用视频组件来播放自己想要展示的视频,具体步骤如下


一、添加视频组件

1、点击“店铺”——“装修店铺”——“编辑”,进入小程序页面编辑。

image.png


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

image.png


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

如果是调用的腾讯视频,需要开启腾讯视频插件,复制腾讯视频的链接地址。

image.png


二、视频链接展示方式

1、小程序视频(推荐)

优点:

①、上传视频没有大小限制,无需等待审核(禁止上传违法内容),链接获取方便。

②、可以使用平台授权,无需自主发布,一键发布操作更简单。

设置方法详见第三点。推荐购买我司FSS对象存储来保存视频和添加链接。


2、腾讯视频

优点:免费

缺点:

①、有各种限制甚至是审核失败,视频会打上腾讯视频的水印,视频播放前会有广告,用户体验较差。

②、小程序需要在自主模式发布下使用,如当前是平台发布,需切换到自主发布模式,详见自主发布模式教程 https://www.west.cn/faq/list.asp?unid=2396 

③、需上传带视频的代码包,如果不是带视频的代码包,需重新下载含视频代码包通过微信开发者工具上传。

设置方法详见第四点。


三、使用我司FSS对象存储添加视频链接(如打算使用腾讯视频请忽略此步骤

1、购买,建议选择包年更便捷,因为小程序是按年收费的,FSS选择包年可以和小程序的使用时间同步。可以选择默认配置100G空间和100G流量,也可以根据自身情况选择空间和流量大小。

image.png


2、点击“云存储管理”——“FSS对象存储”——“文件管理”。

image.png


3、为了便于管理点击新建目录,演示站创建了一个APP目录,然后在APP目录下创建了movie目录,用于保存视频。然后点击“上传”即可上传视频。

image.png


4、将文件拖到虚线框里或者点击“点击上传”找到文件进行上传。

image.png

上传文件不能超过50M,如果要传大文件,可以使用FTP的方式上传。FTP信息如下:

image.png


5、为了外部能正常访问,需要点击“权限”,将Bucket匿名访问权限设置改为“公共读”。

image.png


6、在文件管理中找到需要链接的视频,点击下载后面的箭头选择“复制访问路径”。

image.png


7、在小程序的视频组件中,粘贴刚才复制的链接(复制的链接是https格式),然后点击保存即可。

image.png


友情提示:为了用户在4G或5G网络下流畅访问,建议使用如下的视频参数

编码格式:建议使用基于H.264编码格式的MP4格式视频。

分辨率:因手机屏幕有限,建议使用720P或1080P分辨率。

比特率:建议控制在1Mbps左右比较合适。


四、使用腾讯视频链接添加视频链接(使用我司FSS对象存储添加视频链接请忽略此步骤

1、开启插件:1.在微信平台(mp.weixin.qq.com)-设置-第三方设置-插件管理,添加腾讯插件。

image.png


2、在“店铺”-“插件管理”中启用腾讯视频组件。(如第一步未操作,将无法开启此组件。)

image.png



3、获取腾讯视频链接并添加腾讯视频链接。

image.png





编辑:西部数码
日期:2021-12-15

收藏 】 【 打印 】   
您可对文档进行评分哟~

勾选遇到的问题提交给我们,收到反馈后保证及时修正更新!

提交反馈需要先登陆会员帐号

上一篇:苹果mac系统自带浏览器无法编辑小程序的问题
下一篇:注销备案、注销网站、取消接入的说明
若文档内容对您没有帮助,不能解决问题? 您还可以 咨询在线客服提交工单搜索常见问题 ,我们将竭诚为您服务。
  >> 相关文章
 
分享至:
Top

24小时客服热线

400-626-0723

您好,非正常上班时间若有紧急技术问题,请拨总机后按7号键, 其他问题请提交工单或在上班时间联系,谢谢支持!