相信很多人都有在手机上看视频的习惯,比较看视频更真实更形象。那么我们在微信小程序中如何观看视频呢?这就需要video组件的帮忙了。今天我们就给大家演示一下,如何用微信小程序组件video播放视频。我们在网络上随便找了一个简短的视频源。video组件的引用格式如下:
[AppleScript] 纯文本查看 复制代码1 | < video src = "http://www.w3school.com.cn//i/movie.mp4" binderror = "videoErrorCallback" > < / video > |
我们先来看一下动态效果图:
<ignore_js_op>
主要代码有:
01020304050607080910111213 | { "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/