如何在瀏覽中在線播放視頻

在瀏覽器中在線播放視頻,是一些站點的基本需求。本文對方法進行總結。php

找插件

網上可用的插件有不少,有收費的,也有免費的。筆者實驗了兩個免費的,均可以正常使用,並且官方的demo寫的也不錯:videojsplyr (plyr官方站點若是找不開,能夠訪問其github地址:https://github.com/sampotts/plyr)。在官方的demo中,都會提供mp4的示例文件,測試時建議就用這個文件(控制檯 - 網絡 - 找到地址後能夠下載),以保障咱們的測試成本最低。除此之外,咱們還能夠由https://sample-videos.com/上下載各類大小的mp4測試文件。git

轉碼

要想成功的實現被播放,那麼咱們必須提供.mp4文件,而且該文件的編碼方式必須爲:h.264不使用h.264則有聲音無圖像。這也決定了,若是咱們使用一些默認的轉碼工具,必然得不到h.264編碼的.mp4文件,也就註定了該文件沒法在網頁上正常的播放。github

在此,推薦兩款免費軟件:handbrakezencoder。其中,handbrake筆者已在MAC系統下轉碼成功。MAC系統下,找款免費的轉碼軟件好像真的不容易。因爲使用頻率過低,收費的感受又真的沒有必要。瀏覽器

clipboard.png

使用時注意兩點:網絡

  • preset 必須選擇H.264打頭的
  • formart 要選擇mp4

總結

一直只是知道能夠找到不少播放MP4文件的JS工具,但殊不知道只有h.264編碼的纔可以被正常播放。ide

紙上得來終覺淺,絕知此事要躬行 ---- 《冬夜讀書示子聿》 陸游
相關文章
相關標籤/搜索