23.video 組件
視頻
常用屬性：
效果圖（壓縮過(guò)）：
注意：1.電腦端不能測(cè)試拍攝功能只能測(cè)試選擇視頻功能增热，現(xiàn)在只支持mp4格式适滓，值得注意的是成功之后返回的臨時(shí)文件路徑是個(gè)列表tempFilePaths而不是tempFilePath，文檔寫(xiě)的有點(diǎn)問(wèn)題畏腕。
2.video標(biāo)簽認(rèn)寬度300px、高度225px椎扬，設(shè)置寬高需要通過(guò)wxss設(shè)置width和height栅表。
video.wxml添加代碼：
<View>1.播放網(wǎng)絡(luò)視頻</View>
<view >
<video style="width: 100%;height=400px;margin:1px;" src="http://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280201010421301f0201690402534804102ca905ce620b1241b726bc41dcff44e00204012882540400&bizid=1023&hy=SH&fileparam=302c020101042530230204136ffd93020457e3c4ff02024ef202031e8d7f02030f42400204045a320a0201000400" binderror="videoErrorCallback"></video>
</view>
<View>2.播放本地視頻</View>
<view style="display: flex;flex-direction: column;">
<video style="width: 100%;height=400px;margin:1px;" src="{{src}}"></video>
<view class="btn-area">
<button bindtap="bindButtonTap">打開(kāi)本地視頻</button>
</view>
</view>
video.js添加代碼：
Page({
data: {
src: ''
},
/**
* 打開(kāi)本地視頻
*/
bindButtonTap: function() {
var that = this
//拍攝視頻或從手機(jī)相冊(cè)中選視頻
wx.chooseVideo({
//album 從相冊(cè)選視頻，camera 使用相機(jī)拍攝杯拐，默認(rèn)為：['album', 'camera']
sourceType: ['album', 'camera'],
//拍攝視頻最長(zhǎng)拍攝時(shí)間，單位秒世蔗。最長(zhǎng)支持60秒
maxDuration: 60,
//前置或者后置攝像頭端逼，默認(rèn)為前后都有，即：['front', 'back']
camera: ['front','back'],
//接口調(diào)用成功污淋，返回視頻文件的臨時(shí)文件路徑顶滩，詳見(jiàn)返回參數(shù)說(shuō)明
success: function(res) {
console.log(res.tempFilePaths[0])
that.setData({
src: res.tempFilePaths[0]
})
}
})
},
/**
* 當(dāng)發(fā)生錯(cuò)誤時(shí)觸發(fā)error事件，event.detail = {errMsg: 'something wrong'}
*/
videoErrorCallback: function(e) {
console.log('視頻錯(cuò)誤信息:')
console.log(e.detail.errMsg)
}
})
來(lái)源：
http://bbs.520it.com/forum.php?mod=viewthread&tid=2496
