小程序中怎么添加视频

小程序中怎么添加视频

听语音
|
浏览：3629
|
更新：2017-03-14 12:10


1


2


3


4


5


6


7
分步阅读文字、图片、音频和视频这几种信息形式中，最具备展示效果的，非视频莫属。视频所具备的动态画面感，无论是对商品的展示，还是深刻受众的印象。都是最有效率的。在一些微信小程序中，添加视频做深入的产品展示，是非常必要和有效的。那么，如何把视频放入小程序界面中呢？今天给大家分享一下在小程序制作工具  [即速应用] 中如何添加视频的方法。 

工具/原料

即速应用 微信小程序开发工具
微信web开发者工具

方法/步骤

11.打开即速应用官网，点击“立即制作”（制作小程序）


22.点击“空白模板”（因为是用以演示就不追求细节和画面美感了，就直接用空白页了）


3.在“组件库”里的基础组件里，找到“视频”组件“。并拖到手机模拟界面里。


4.在右侧菜单，选择“微信小程序”，并填入“视频源文件代码”


5.如果不知道怎么获取视频源代码。这边也可以教一下大家。大家可以随便打开一个网站的视频。（以腾讯视频为例） 搜索你想放到小程序中的视频（比如搜索“即速应用”）


6.点开视频后，在空白处   右键→选择“检查”


7.在跳出的页面里，找到“Network”→再找到“All”


8.点击“清除”按钮之后按“F5”刷新页面。


9.稍等5秒，等页面加载的差不多了（5秒之后页面还会加载，但是不用理会，因为5秒之后，我们需要的源代码已经加载出来了）之后，找到“Type”这一列，在这一列中下拉找“video/mp4”找到之后，点击“video/mp4”左边的链接


10.在跳出的页面中，点击“Headers”就能看到我们需要的视频源文件链接了。之后选中、复制。


11.再“即速应用”中的视频组件右边菜单中，点击“微信小程序”之后将链接“粘贴”进去。再点击预览。


12.这时就能在小程序中点击播放，查看视频了。