微信小程序：常用功能7——在小程序添加视频组件，并将页面分享到朋友圈
企业公众号一个月最多发布四次文章，这个月公司业务量很大，暂时只能把文章扔进小程序发布了！
------1.文章有个视频，2.我们得分享到朋友圈宣传。
也不错，顺便宣传宣传小程序！
注意 ：分享朋友圈功能只有Android手机用户可以成功，IOS手机用户还不能支持。
1.小程序视频组件
video组件
<video src=""></video>
- 与图片组件相同，插入链接地址就可以在页面显示视频，并且小程序已将常用功能（包括暂停开始、进度条时间、全屏按钮）默认显示出来。
- 其次就是非默认样式，大家可以到文档中查询属性，比如我加了进入页面自动播放属性（autoplay），本想加个循环播放（loop），但是怕用户看着心烦就去掉了。
<!-- id可不加，如果页面有多个页面时才有用，前后
端对这个id的视频操作时作为选取这个视频的依据 -->
<video
id="article1-video"
src="这里放视频链接"
style="width:100%;margin-top:20px;"
autoplay >
</video>
-
至于链接，我在云存储中把视频存进去了，src把云存储的链接放进去，https链接和cloud链接都可以，https应该可以支持外部调用，有需求可以试试。
-
视频组件可支持弹幕，大家可以研究一下，微信小程序：常用功能8——小程序视频组件中的弹幕功能。
2.小程序分享到朋友圈
onShareTimeline
在js文件中引入onShareTimeline()方法就可以实现将本页分享到朋友圈。（注意配合页面创建时自动生成的onShareAppMessage()方法，否则一样无法分享）
Page({
/**
* 页面的初始数据
*/
data: {
},
onShareTimeline() {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
但这个分享的样式只是我们小程序的默认分享样式，我们要说一下文章分享样式自定义的问题。
在js文件里设置onShareTimeline()函数
onShareTimeline() {
// query 自定义页面路径中携带的参数，如 path?a=1&b=2 的 “?” 后面部分，
// 这里随便设置一个就行，没什么实际意义，是个必要的参数，
// 以后有相关的骚操作再详细说这个东西
var query = {
data:"yigiao,woligiao"
};
query = JSON.stringify(query);
return {
title: "标题",
imageUrl: "在这里放一个分享到朋友圈的入口图，1：1比例。链接引入方式和视频一样云存储就行",
query: query,
}
},
这样分享到朋友圈的样式就变了
分享到朋友圈后点击进入的页面会有“前往小程序”的按钮，确实有助于宣传小程序，让我们做的东西让更多人看到。
以上我们就完成了小程序的视频功能与分享朋友圈功能，你成功了吗？
注意： 此功能目前只适用于Android手机用户，IOS急等（只有Android用户可以分享到朋友圈，IOS还是不可以）。
下期我们说下弹幕。
我不是专业程序工作者，在这里是把我的小程序设计经验分享给大家。 如果其中有用词不当的地方，请大家留言指正，我们共同学习。
更多设计、功能的学习经验，大家也可以去我的公众号查看！
————
7447
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
