微信小程序使用video組件播放視頻功能示例【附源碼下載】
更新時間：2017年12月08日 10:30:25 作者：FutrueJet
這篇文章主要介紹了微信小程序使用video組件播放視頻功能,結(jié)合實例形式分析了video組件播放本地mp4小視頻的具體實現(xiàn)技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下
本文實例講述了微信小程序使用video組件播放視頻功能。分享給大家供大家參考，具體如下：
1、效果展示
2、關(guān)鍵代碼
① index.wxml
復(fù)制代碼 代碼如下:
<video src="../../pages/video/movie.mp4" binderror="videoErrorCallback"></video>
② index.js
Page({
data:{
// text:"這是一個頁面"
},
videoErrorCallback: function (e) {
console.log('視頻錯誤信息:'+e.detail.errMsg);
}
})
3、源代碼點(diǎn)擊此處本站下載。
關(guān)于video組件的詳細(xì)介紹可參考官網(wǎng)：https://mp.weixin.qq.com/debug/wxadoc/dev/component/video.html
希望本文所述對大家微信小程序開發(fā)有所幫助。
相關(guān)文章
最近在學(xué)習(xí)javascript中遇到了一些困難，比如冒泡和捕獲，很多次被提到，但又不知究竟應(yīng)用在何處。找到了一些好文章解惑，在這里分享給大家。2015-05-05
JavaScript滾動條屬性scrollTop和scrollHeight
在開發(fā)中我們常常會用到判斷滾動條是否觸底的邏輯,我一般都會在網(wǎng)上搜一段代碼,這段代碼有用到scrollTop、clientHeight、 scrollHeight,這篇文章主要給大家介紹了關(guān)于JavaScript滾動條屬性scrollTop和scrollHeight的相關(guān)資料,需要的朋友可以參考下2023-11-11
Javascript實現(xiàn)通過選擇周數(shù)顯示開始日和結(jié)束日的實現(xiàn)代碼
這篇文章主要介紹了Javascript實現(xiàn)通過選擇周數(shù)顯示開始日和結(jié)束日的實例代碼的相關(guān)資料,非常不錯具有參考借鑒價值，需要的朋友可以參考下2016-05-05
本文主要介紹了利用JS輕松實現(xiàn)獲取表單數(shù)據(jù)。方法有別于原始的做法，大家可以試著找原始做法與本文所說方法之間的區(qū)別。有興趣的朋友可以看下，希望對大家有所幫助2016-12-12
這篇文章主要介紹了Javascript中拼接大量字符串的方法,本文實現(xiàn)的就是JS語言中的Heredoc語法,需要的朋友可以參考下2015-02-02
Typescript中interface自動化生成API文檔詳解
ypeScript 的核心原則之一是對值所具有的結(jié)構(gòu)進(jìn)行類型檢查,下面這篇文章主要給大家介紹了關(guān)于Typescript中interface自動化生成API文檔的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-12-12
JS+CSS實現(xiàn)大氣的黑色首頁導(dǎo)航菜單效果代碼
這篇文章主要介紹了JS+CSS實現(xiàn)大氣的黑色首頁導(dǎo)航菜單效果代碼,涉及JavaScript基于鼠標(biāo)事件實現(xiàn)頁面樣式動態(tài)切換的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09
這篇文章主要為大家詳細(xì)介紹了小程序?qū)崿F(xiàn)日歷效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-08-08
用JS實現(xiàn)了一個拖拽排序，可因Jquery版本不同導(dǎo)致瀏覽器訪問時存在很多的問題，下面為大家介紹下具體的解決方法，感興趣的朋友可以參考下2013-10-10
這篇文章主要介紹了JavaScript實現(xiàn)的雙向跨域插件分享,本文實現(xiàn)把整個跨域過程抽象出來,封裝成一個JavaScript插件,需要的朋友可以參考下2015-01-01