超星學術目前僅有Flash播放器,沒H5播放器,這次的情況比上次的超星網課要糟糕點.

裝flash那是絕對不可能的,沒有H5播放器,咱自己寫一個不就完事了嗎?

咱先新建一個H5播放器元素,就用原生的video标簽就夠了

const H5Video = document.createElement('video');

那麼我們怎麼獲取播放地址呢?

包含播放地址的函數被套住了...不能直接解析這個json獲取地址

好在右下角有個按鈕

點擊試試

得到一個下載地址

右鍵檢查元素

那麼設置播放地址就很好寫出來了

H5Video.src=document.getElementById("downVideo").href;

參照原有div信息,照搬class和id,就不用重新設置css布局了

H5Video.className="Video-main fl";

H5Video.id="playerContent";

加上預加載,另外懶得寫播放控制了所以直接開啟浏覽器自帶的播放器控制

H5Video.preload=true;

H5Video.controls=true;

接下來就是把原來的flash給去掉,再把新寫出來的播放器塞進去

document.getElementsByClassName("Wid1200 Playvideo1200")[0].removeChild(document.getElementById("playerContent"));

document.getElementsByClassName("Wid1200 Playvideo1200")[0].appendChild(H5Video);

最終得到代碼

const H5Video = document.createElement('video'); H5Video.src=document.getElementById("downVideo").href; H5Video.className="Video-main fl"; H5Video.id="playerContent"; H5Video.preload=true; H5Video.controls=true; document.getElementsByClassName("Wid1200 Playvideo1200")[0].removeChild(document.getElementById("playerContent")); document.getElementsByClassName("Wid1200 Playvideo1200")[0].appendChild(H5Video);

因為視頻地址加載并不在網頁頭部,所以做成油猴腳本之前要加一句

//@run-at document-end

看下效果