小程序中怎么添加视频
听语音
- |
- 浏览：3629
- |
- 更新：2017-03-14 12:10
-
1 -
2 -
3 -
4 -
5 -
6 -
7
文字、图片、音频和视频这几种信息形式中，最具备展示效果的，非视频莫属。视频所具备的动态画面感，无论是对商品的展示，还是深刻受众的印象。都是最有效率的。在一些微信小程序中，添加视频做深入的产品展示，是非常必要和有效的。那么，如何把视频放入小程序界面中呢？今天给大家分享一下在小程序制作工具 [即速应用] 中如何添加视频的方法。
方法/步骤
-
1.打开即速应用官网，点击“立即制作”（制作小程序）
-
2.点击“空白模板”（因为是用以演示就不追求细节和画面美感了，就直接用空白页了）
-
3.在“组件库”里的基础组件里，找到“视频”组件“。并拖到手机模拟界面里。
-
4.在右侧菜单，选择“微信小程序”，并填入“视频源文件代码”
-
5.如果不知道怎么获取视频源代码。这边也可以教一下大家。大家可以随便打开一个网站的视频。（以腾讯视频为例） 搜索你想放到小程序中的视频（比如搜索“即速应用”）
-
6.点开视频后，在空白处 右键→选择“检查”
-
7.在跳出的页面里，找到“Network”→再找到“All”
-
8.点击“清除”按钮之后按“F5”刷新页面。
-
9.稍等5秒，等页面加载的差不多了（5秒之后页面还会加载，但是不用理会，因为5秒之后，我们需要的源代码已经加载出来了）
之后，找到“Type”这一列，在这一列中下拉找“video/mp4”
找到之后，点击“video/mp4”左边的链接
-
10.在跳出的页面中，点击“Headers”就能看到我们需要的视频源文件链接了。
之后选中、复制。
-
11.再“即速应用”中的视频组件右边菜单中，点击“微信小程序”之后将链接“粘贴”进去。再点击预览。
-
12.这时就能在小程序中点击播放，查看视频了。
-
