超星學術目前僅有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
看下效果
,
更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!