今天來快速認識 dash.js。 DASH 直播協議目前在大部分瀏覽器上仍無法播放，這時通常會引入一些第三方 Library 來幫我們解決這個問題。其中最主要的 Library 就是 dash.js 。 DASH 協議在各瀏覽器支援度 而 dash.js 是透過 JavaScript 與 Media Source Extensions API

今天來快速認識 Hls.js。 HLS 直播協議目前在某些瀏覽器上仍無法播放，這時通常會引入一些第三方 Library 來幫我們解決這個問題，其中最主要的 Library 就是 Hls.js 。 HLS 協議在各瀏覽器支援度 而 Hls.js 是透過 JavaScript 與 Media Source Extensions API

今天來介紹字幕與<track>。 在網頁觀看影片時，常見的 CC 字幕其實是利用<track>標籤，引入對應字幕檔案.vtt，使其在影片上能顯示對應的字幕。 使用方式 將<track>標籤放在<video>內

今天來看如何自訂<video>介面 作為前端工程師，我們都知道：各瀏覽器預設 HTML 的樣式不同，所以在處理網頁切板時，通常會引入reset.css 或 normalize.css 來幫我們統一各瀏覽器樣式，接著才撰寫 CSS 去修改 HTML 。 然而，不管是 reset.css

在介紹各種 video player 之前，不免俗得先介紹<video>標籤。 <video> 是W3C 在 HTML5 規範新增的標籤，在<video>標籤出來之前，瀏覽器上要播放影片，多半會依賴 Flash plugin