小程序中怎么添加视频

小程序中怎么添加视频

听语音

• |
• 浏览：3629
• |
• 更新：2017-03-14 12:10

• 1
• 2
• 3
• 4
• 5
• 6
• 7

分步阅读

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

工具/原料

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

方法/步骤

1. 1

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

   
2. 2

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

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

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

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

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

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

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

   
9. 9.稍等5秒，等页面加载的差不多了（5秒之后页面还会加载，但是不用理会，因为5秒之后，我们需要的源代码已经加载出来了）

   之后，找到“Type”这一列，在这一列中下拉找“video/mp4”

   找到之后，点击“video/mp4”左边的链接

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

    之后选中、复制。

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

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

    

    
13.