微信

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

云博小周宇1 Min Read

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

[AppleScript] 
纯文本查看 复制代码
?
1
<
video src
=
"http://www.w3school.com.cn//i/movie.mp4"
binderror
=
"videoErrorCallback"
>
<
/
video
>

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

主要代码有：

[AppleScript] 
纯文本查看 复制代码
?
01
02
03
04
05
06
07
08
09
10
11
12
13
{
  
"pages"
:
[
    
"copyright/copyright"
,
    
"pages/index/index"
,
    
"pages/logs/logs"
  
]
,
  
"window"
:
{
    
"backgroundTextStyle"
:
"light"
,
    
"navigationBarBackgroundColor"
:
"#fff"
,
    
"navigationBarTitleText"
:
"使用video组件播放视频"
,
    
"navigationBarTextStyle"
:
"black"
  
}
}

源码下载地址：http://bbs.html51.com/t-1049-1-1/