Native HLS Playback插件是一款很棒的HLS（m3u8）視頻播放插件，可以直接在Chrome內(nèi)核的瀏覽器中在線播放HLS （m3u8）資源視頻。該chrome插件支持多種hls.js版本切換，支持全屏播放和畫中畫模式。

Native HLS Playback插件背景

關(guān)于HLS和m3u8之前擴展迷都有簡單介紹過。HLS，全稱HTTP Live Streaming，是蘋果公司推出的流媒體協(xié)議，主要用于PC和Apple終端的音視頻服務(wù)

HLS基于HTTP協(xié)議實現(xiàn)，包括m3u8索引文件和TS媒體分片文件（實際的播放內(nèi)容）。其以片段的形式存儲在服務(wù)器中。

m3u8格式視頻應(yīng)用廣泛，但是一般的播放器是無法播放的，所以需要借助Native HLS Playback插件來解決。

概述

這個擴展是一個很棒的 hlsjs 庫的包裝器：https://github.com/video-dev/hls.js

單擊擴展圖標將讓您播放任何嵌入為當前頁面中的視頻 html 元素的 m3u8。

新：輸入 m3u8，然后是 tab，然后是你的 m3u8 URL 來播放擴展中的 URL。

特征：

通過單擊圖標啟用/禁用 url 捕捉器。

在擴展設(shè)置中啟用 hls.js 調(diào)試模式。

在設(shè)置中切換 hls.js 0.14.x、1.0.x 和 1.1.x。

現(xiàn)在支持字幕！

在選項中切換縮放和原生視頻大小。

在控制臺中顯示定時元數(shù)據(jù)

默認播放器現(xiàn)在是 hls.js/1.1.5。

插件安裝方法

方法一：.crx文件格式插件安裝

1.首先用戶點擊谷歌瀏覽器右上角的自定義及控制按鈕，在下拉框中選擇設(shè)置。

2.在打開的谷歌瀏覽器的擴展管理器最左側(cè)選擇擴展程序或直接輸入：chrome://extensions/

3.找到自己已經(jīng)下載好的Chrome離線安裝文件xxx.crx，然后將其從資源管理器中拖動到Chrome的擴展管理界面中，這時候用戶會發(fā)現(xiàn)在擴展管理器的中央部分中會多出一個”拖動以安裝“的插件按鈕。

4.松開鼠標就可以把當前正在拖動的插件安裝到谷歌瀏覽器中去，但是谷歌考慮用戶的安全隱私，在用戶松開鼠標后還會給予用戶一個確認安裝的提示。

5.用戶這時候只需要點擊添加按鈕就可以把該離線Chrome插件安裝到谷歌瀏覽器中去，安裝成功以后該插件會立即顯示在瀏覽器右上角（如果有插件按鈕的話），如果沒有插件按鈕的話，用戶還可以通過Chrome擴展管理器找到已經(jīng)安裝的插件。

方法二：文件夾格式插件安裝

1.首先用戶點擊谷歌瀏覽器右上角的自定義及控制按鈕，在下拉框中選擇設(shè)置。

2.在打開的谷歌瀏覽器的擴展管理器最左側(cè)選擇擴展程序。

3.勾選開發(fā)者模式，點擊加載已解壓的擴展程序，將文件夾選擇即可安裝插件。

如果你在安裝過程中出現(xiàn)下圖中的錯誤程序包無效 CRX_HEADER_INVALID

可以參考：超詳細的Chrome 瀏覽器/瀏覽器插件安裝教程(全方法) 一文解決