如何終止 html5 streaming, how to stop html5 video streaming

最近寫了一個課程的功能

用很簡單的 html5 video 功能就做好了

但有個小問題

當影片正在下載或是播放的時候

瀏覽器持續在跟 server 端做 streaming 的動作

所以如果想換頁 或是另外開網頁

網頁會整個卡住

這滿靠杯的

 

一開始想說用 video.pause()

結果不行

瀏覽器還是會繼續下載

因為瀏覽器想要快取影片

 

查了好久才查到

要用 setAttribute() 把 video 的 src 屬性改掉

改成空白

video 物件才會停止 streaming

就解決啦

給大家參考~

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

這個網站採用 Akismet 服務減少垃圾留言。進一步瞭解 Akismet 如何處理網站訪客的留言資料