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

最新推荐文章于 2023-10-23 16:30:33 发布

weixin_30839881

最新推荐文章于 2023-10-23 16:30:33 发布

阅读量3.1k

点赞数

文章标签：开发工具

原文链接：http://www.cnblogs.com/thebeauty/p/6526935.html

版权

相信很多人都有在手机上看视频的习惯，比较看视频更真实更形象。那么我们在微信小程序中如何观看视频呢？这就需要video组件的帮忙了。今天我们就给大家演示一下，如何用微信小程序组件video播放视频。我们在网络上随便找了一个简短的视频源。video组件的引用格式如下：

[AppleScript] 纯文本查看复制代码

1	`<` `video src` `=` `"http://www.w3school.com.cn//i/movie.mp4"` `binderror` `=` `"videoErrorCallback"` `>` `<` `/` `video` `>`

我们先来看一下动态效果图：
<ignore_js_op>

主要代码有：

[AppleScript] 纯文本查看复制代码

 
          { 
         
          "pages" 
          : 
          [ 
         
          "copyright/copyright" 
          , 
         
          "pages/index/index" 
          , 
         
          "pages/logs/logs" 
         
          ] 
          , 
         
          "window" 
          : 
          { 
         
          "backgroundTextStyle" 
          : 
          "light" 
          , 
         
          "navigationBarBackgroundColor" 
          : 
          "#fff" 
          , 
         
          "navigationBarTitleText" 
          : 
          "使用video组件播放视频" 
          , 
         
          "navigationBarTextStyle" 
          : 
          "black" 
         
          } 
         
          }