//在頁面左下角添加一個按鈕,及其樣式屬性
var body = $("body")
var button = $("<li id='set'></li>")
button.html("<span id='start'>開啓自動播放模式</span>")
var json = {
"background": "#36f",
"height": "16px",
"padding": "5px",
"z-index": 999, //總是在最上方
"cursor": "pointer",
"bottom": "0",
"left": "0",
"color": "#fff",
"position": "fixed"
};
button.css(json);
body.append(button)
//index表示當前播放位置
var index = 0;
$(".ncells h4").each((i,item)=>{
if($(item).hasClass("currents")){
index = i;
return false;
}
});
//自動跳轉下一個視頻
function autoNext(){
index++;
window.location.href = document.querySelectorAll(".ncells")[index].querySelector("a");
}
button.click(function () {
setInterval(function () {
//獲取iframe
var video = $("iframe").contents().find("iframe").contents();
//播放
var play = function () {
video.find("#video > button").click();
var slience = video.find("#video > div.vjs-control-bar > div.vjs-volume-panel.vjs-control.vjs-volume-panel-vertical > button");
//靜音
if (slience.attr("title") != "取消靜音"){
slience.click();
}
}
//如果正在加載
var load = video.find("#loading");
if (load.css("visibility") != "hidden") {
return false;
}
//獲取當前進度
var spans = video.find("#video > div.vjs-control-bar > div.vjs-progress-control.vjs-control > div").attr("aria-valuenow");
// 如果還沒播放完
if (spans != 100) {
play();
}
//如果播放結束
if (spans == 100) {
console.log("第"+(index+1)+"個視頻播放完成");
// 自動跳到下一個視頻
autoNext();
$("span[title='視頻']").trigger("click");
var bs = false;
$(".onetoone").find(".flush").each(function () {
if (bs) {
$(this).prev("a").on('click', "#coursetree>ncells", function () {
console.log("已結束視頻:" + $(this).prev("a").attr("title"));
});
var str = $(this).prev("a").attr("href");
str = str.match(/'(\S*)'/)[1];
var reg = new RegExp("'", "g");
str = str.replace(reg, "");
var href = str.split(",");
getTeacherAjax(href[0], href[1], href[2])
bs = false;
}
if ($(this).css("display") == "block") {
bs = true;
}
})
}
$("#start").html("自動模式已開啓,本視頻進度:" + spans + "%");
}, 100);
});
學習通刷視頻----開啓自動播放模式代碼
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.