在瀏覽器中在線播放視頻,是一些站點的基本需求。本文對方法進行總結。php
網上可用的插件有不少,有收費的,也有免費的。筆者實驗了兩個免費的,均可以正常使用,並且官方的demo寫的也不錯:videojs與plyr (plyr官方站點若是找不開,能夠訪問其github地址:https://github.com/sampotts/plyr)。在官方的demo中,都會提供mp4
的示例文件,測試時建議就用這個文件(控制檯 - 網絡 - 找到地址後能夠下載),以保障咱們的測試成本最低。除此之外,咱們還能夠由https://sample-videos.com/上下載各類大小的mp4
測試文件。git
要想成功的實現被播放,那麼咱們必須提供.mp4
文件,而且該文件的編碼方式必須爲:h.264
不使用h.264則有聲音無圖像。這也決定了,若是咱們使用一些默認的轉碼工具,必然得不到h.264
編碼的.mp4
文件,也就註定了該文件沒法在網頁上正常的播放。github
在此,推薦兩款免費軟件:handbrake與zencoder。其中,handbrake
筆者已在MAC系統下轉碼成功。MAC系統下,找款免費的轉碼軟件好像真的不容易。因爲使用頻率過低,收費的感受又真的沒有必要。瀏覽器
使用時注意兩點:網絡
一直只是知道能夠找到不少播放MP4文件的JS工具,但殊不知道只有h.264
編碼的纔可以被正常播放。ide
紙上得來終覺淺,絕知此事要躬行 ---- 《冬夜讀書示子聿》 陸游