前端離職，讓我寫個視頻播放頁面，木辦法只有我來搞了。
默認用h5的 video標簽 測試時候發現微信瀏覽器內訪問video自動全屏播放。
搜了下
webkit-playsinline="true" playsinline="true" x-webkit-airplay="true" x5-video-player-type="h5" x5-video-player-fullscreen="true" x5-video-ignore-metadata="true"
video內加如下屬性可以解決ios全屏問題。但是安卓還是不行。網上說是安卓的用了x5內核啥的亂七不糟的，反正微信安卓瀏覽器對video做了限制了。
然后怎么辦呢？想到用 canvas （最近做h5視頻推流相關業務接觸到的，里面有個jsmpeg視頻解碼插件）然后 jsmpeg （英文不好的可以用chrome的翻譯功能幫你翻譯這個地址）看了下說明。
要把視頻轉換為ts格式 又要用到 ffmpeg。轉碼mp4 為ts格式。（還好之前自己稍稍的研究過這個ffmpeg。不然要崩潰了。扯的太遠了）
不管怎么樣，還是有點崩潰。。。太費事了
首先利用ffmpeg轉文件格式為 ts格式（ffmpeg這個安裝我之前研究安裝過，大家可以百度搜到，這里不細說，主要這個東西太復雜我也不咋深入了解）。命令如下
ffmpeg -i in.mp4 -f mpegts -codec：v mpeg1video -s 960x540 -b：v 500k -r 25 -bf 0 -codec：a mp2 -ar 44100 -ac 1 -b：a 128k out.ts
其中1.mp4是原視頻文件名稱，out.ts是要轉換成的視頻名稱，-r 25 意思是視頻幀率是25（這里我設置的和原視頻一樣，原視頻的這個參數可以用一些播放軟件查看到它的編碼信息，比如qq影音）-b:v 是指視頻碼率 越大越清晰（盡量小點，不然文件太大了，我這里設置了500k，清晰度還行） -s是分辨率，
上面做這些是因為 這句 jsmpeg git上的這句話 “JSMpeg只支持MPEG1視頻編解碼器和MP2音頻編解碼器的MPEG-TS容器播放”；還有一點ts文件可以帶聲音
生成后把此文件放到同你當前業務域名下的某個目錄里（非當前域名的ts文件地址在用jsmpeg的時候會報跨域錯誤，應該jsmpeg里用到了post導致，不細究）
<canvas id="video-canvas"></canvas>
<script type="text/javascript" src="/jsmpeg.min.js"></script>
<script> var canvas = document.getElementById('video-canvas'); var url = '/share/image/500p2.ts'; var player = new JSMpeg.Player(url, {canvas: canvas); </script>
上面是jsmpeg的基本使用方法
到這里解決了，微信安卓瀏覽器的問題了。
——————————————————————————————————————————————————————————————
操蛋的是，ios上又播放不了聲音，實在不想搞了，程序判斷下內核，是安卓 的微信瀏覽器 用canvas方式的模板，其他一律用video方式的模板。
更操蛋的是，好不容易基本解決的時候，發現 各種Oppo uc等等瀏覽器又出現一些小兼容問題。先到這里，待有空了再來細究。。。。