學習通刷視頻----開啓自動播放模式代碼

//在頁面左下角添加一個按鈕,及其樣式屬性
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);
});


在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章