上個專案是用wex5開發的，專案中有用到視訊播放功能，對於本地視訊或者儲存到伺服器的視訊，wex5自帶的外掛都支援播放，海康視訊監控在原生端做的很好了，h5目前還不支援，我們的思路只能是將海康視訊播放器封裝成cordova外掛，然後在wex5中呼叫，其中有部分坑記錄下來備用。

執行海康給的原生播放demo，需要地址、使用者名稱、密碼，登陸進去就能實現播放。首先我們將海康原生中沒用的程式碼移除，只保留一個播放視訊的介面，將多餘的檔案全部刪除，原生端弄完後可以直接執行，傳遞四個引數：ip地址、使用者名稱、密碼、視訊編碼值。

原生端做完後需要封裝成cordova外掛，參照wex5官網的cordova外掛封裝的demo：

wex5封裝cordova外掛步驟  ，前面的基本沒啥用，我們最後要的是一個cordova外掛，直接從 2.4 整合程式碼為標準的cordova外掛 開始看就行 ，參照voiceManager的目錄自己建一個目錄，然後我們要做的就是修改整兒的檔名內容配置檔案，最後將完成的cordova外掛拷貝到wex5的Native目錄中的plugins，然後我們在打包的時候搜尋我們的命令就可以看著這個外掛，在wex5頁面直接呼叫方法就可以，下面介紹下cordova外掛封裝的幾個坑

1.新建cordova目錄

2.將目錄拷貝到wex5中的Native/plugins目錄下，打包的時候就會顯示出來

3.目錄檔案中的plugin.xml配置說明

第一次做的時候完全可以參照voiceManager複製一份修改報名及方法名

這個配置檔案中特別注意啟動頁配置及.so型別的jar包配置，做過原生開發的應該清楚.so型別的jar包在android目錄中一般有兩個目錄

原生頁面中的類一個不能少必須全部配置

4. video.js 中實現呼叫原生頁面的方法

5.這是實現你原生想法的頁面，進入到這個頁面就說明你封裝原生程式碼成功了，我在此頁面實現了資料的傳遞及頁面跳轉，MyLiveActivityNoXml.java頁面是實現視訊監控的正真原生頁面
6.wex5頁面中呼叫video.js頁面中的方法，通過呼叫setPlayMode（）方法實現資料傳遞
7.然後在上一個打包wex5安裝包選擇外掛時的描述頁
最後總結下整個操作的流程1.在wex5頁面或者別的h5頁面呼叫cordova外掛中的方法將資料傳遞到www/video.js中的方法2.video.js 接受到資料後執行VideoManager.java中的方法3.VideoManager.java原生頁面接受資料並跳轉到正真的視訊播放頁面實現播放下面上一下我寫的一個demo的效果，點選第二個按鈕實現監控攝像頭的視訊播放，點選第三個按鈕實現跳轉到一個原生的頁面
程式碼包括一下內容：