当前位置：首页 > 微信 > 正文

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

yunbo1
微信
2026-07-31
193

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

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

    ?
   
         <
         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"
        
         }
        
         }