最近開發(fā)一個小程序撮弧，發(fā)現(xiàn)video組件的視頻不能播放淀歇。琢磨了幾天易核，終于可以了。現(xiàn)把經(jīng)驗分享出來浪默，希望對遇到這個問題牡直，但一時還沒有解決的小伙伴有一點幫助缀匕。
請注意：由于以下使用的七牛云測試域名自創(chuàng)建起 30 個自然日后系統(tǒng)會自動回收。所以2019.4.20號以后碰逸，部分url會失效乡小。
1、如何獲取視頻src地址
首先饵史，我們要知道满钟，video組件的src地址是什么，我開始以為胳喷，小程序的video組件的src地址一定類似官方示例這樣的湃番。
http://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280201010421301f0201690402534804102ca905ce620b1241b726bc41dcff44e00204012882540400&bizid=1023&hy=SH&fileparam=302c020101042530230204136ffd93020457e3c4ff02024ef202031e8d7f02030f42400204045a320a0201000400
可能跟我一樣，沒接觸過這塊的小伙伴也有一樣的想法吭露。其實不然吠撮，視頻src地址的長度可長可短，一般為.mp4結尾讲竿。判斷src地址是否正確泥兰，很簡單，將地址復制到瀏覽器中戴卜，可正常播放逾条，代表地址正確琢岩。
如何獲取一個視頻的src地址投剥？
可以在Chrome中使用Video Downloader professional這個插件，它可以直接下載網(wǎng)站正在播放的視頻担孔，我在騰訊視頻上親測可用江锨，部分短視頻可以，電影電視劇還是不行糕篇。
針對沒有梯子的小伙伴啄育，可以直接在 https://github.com/DeppWang/Chrome-extensions 下載對應的插件，在瀏覽器搜索框中輸入chrome://extensions/打開擴展程序頁面(或者右上角三個點->更多工具->擴展程序 )拌消，選中右上角的開發(fā)者模式挑豌，將下載好的插件拖動到擴展程序頁面完成安裝。
2墩崩、查找視頻不能播放的原因
首先將視頻地址(如：http://pov1yx2ze.bkt.clouddn.com/iaa1.mp4)復制到Chrome地址欄氓英，看能否在瀏覽器中播放。如果不能播放鹦筹，說明視頻損壞或者此視頻的編碼格式是mpeg4铝阐。可參考七牛云解釋：
https://developer.qiniu.com/fusion/kb/4082/video-playback-caton-unable-to-play
你可以將視頻上傳到七牛云對象儲存后铐拐，復制外鏈徘键，通過http://pov1yx2ze.bkt.clouddn.com/iaa1.mp4?avinfo查看視頻編碼格式练对。
請注意，這是七牛云對象存儲的視頻才有的功能吹害，不是所有視頻地址后加?avinfo都可以螟凭。具體可查看七牛云教程：
https://developer.qiniu.com/dora/manual/1247/audio-and-video-metadata-information-avinfo
微信小程序說支持mpeg-4格式，不知為何又播放不了它呀。
3赂摆、更改視頻的編碼格式
現(xiàn)在知道視頻播放不了的原因了。我將微信官方提供的視頻上傳到七牛云后钟些，可以看出編碼格式為h264烟号。
所以，我們要想辦法轉換視頻的編碼格式政恍。我是通過七牛云提供的代碼轉的汪拥，應該也可以通過其他工具轉。七牛云教程：
https://developer.qiniu.com/dora/manual/1248/audio-and-video-transcoding-avthumb
https://developer.qiniu.com/kodo/sdk/1239/java#8
運行七牛云提供的代碼需要使用七牛云的sdk篙耗∑戎可以使用Spring Initializr( https://start.spring.io/ )初始化一個基于Gradle的springboot項目，下面是針對Java的相關代碼：
public static void main(String[] args) {
String accessKey = "access key";
String secretKey = "secret key";
//待處理文件所在空間
String bucket = "bucket name";
//待處理文件名
String key = "file key";
Auth auth = Auth.create(accessKey, secretKey);
//數(shù)據(jù)處理指令宗弯，支持多個指令
String saveMp4Entry = String.format("%s:avthumb_test_target.mp4", bucket);//avthumb_test_target.mp4是轉換后的文件名
String avthumbMp4Fop = String.format("avthumb/mp4/vcodec/libx264|saveas/%s", UrlSafeBase64.encodeToString(saveMp4Entry));//libx264為編碼格式
//數(shù)據(jù)處理隊列名稱脯燃，為空時代表使用公有隊列
String persistentPipeline = "";
//數(shù)據(jù)處理完成結果通知地址
String persistentNotifyUrl = "http://pov1yx2ze.bkt.clouddn.com/qiniu/pfop/notify";//填一個真正的url地址
//構造一個帶指定Zone對象的配置類
Configuration cfg = new Configuration(Zone.zone0());
//...其他參數(shù)參考類注釋
//構建持久化數(shù)據(jù)處理對象
OperationManager operationManager = new OperationManager(auth, cfg);
try {
String persistentId = operationManager.pfop(bucket, key, avthumbMp4Fop, persistentPipeline, persistentNotifyUrl, true);
//可以根據(jù)該 persistentId 查詢?nèi)蝿仗幚磉M度
System.out.println(persistentId);
OperationStatus operationStatus = operationManager.prefop(persistentId);
System.out.println(operationStatus);
//解析 operationStatus 的結果
} catch (QiniuException e) {
System.err.println(e.response.toString());
}
}
compile 'com.qiniu:qiniu-java-sdk:7.2.+'//.gradle中七牛云的java sdk
現(xiàn)在可以使用http://pov1yx2ze.bkt.clouddn.com/avthumb_test_target.mp4?avinfo查看視頻編碼格式。
此時將http://pov1yx2ze.bkt.clouddn.com/avthumb_test_target.mp4放到小程序就可以播放了蒙保。
4辕棚、如何方便的存儲視頻
如果你有備案的域名，將視頻存放到七牛云或者其他商業(yè)云上邓厕，是一個不錯的方式逝嚎。但使用小程序云開發(fā)存儲視頻是一個更好的選擇，src直接使用云文件ID就可以了详恼。
總結
說了這么多补君，其實我也是剛接觸小程序的小白。這篇教程主要是提供一個轉換視頻編碼格式的一個途徑昧互。如果哪里有錯誤挽铁，請留言。
一句話：如果視頻不能播放敞掘，可以先看看是否是編碼格式的問題叽掘。
