自動播放

本人主要用來刷課，親測，滑鼠可以移動到表單外面，視頻不停止，

代碼使用方式

復制到檢查Console（控制臺）表單，回車即可，
在這里插入圖片描述

代碼詳解

頁面元素顯示

var b = $("body");
var button = $("<li></li>");
//json鍵值對
var json = {
    "position": "fixed"
    "background": "green",
    "height": "20px",
    "padding": "3px",
    "z-index": 999999,
    "top": "500px",
    "right": "150px",
};
//給button添加元素
button.html("<span id='auto'>開啟自動播放模式</span>");
//給body體追加按鈕
b.append(button);

按鈕點擊效果

//按鈕點擊函式
button.click(function () {
    setInterval(function () {
    
        //獲取iframe播放框
        var video = $("iframe").contents().find("iframe").contents();
        
        //播放視頻
        var play = function () {
        	//
            video.find("#video > button").click();
            var jy = video.find("#video > div.vjs-control-bar > div.vjs-volume-panel.vjs-control.vjs-volume-panel-vertical > button");
            if (jy.attr("title") != "取消靜音") {
                jy.click()
            }
        }
        
        //如果視頻正在加載
        var load = video.find("#loading");
        if (load.css("visibility") != "hidden") {
            return;
        }
        
        //獲取播放進度
        var spans = video.find("#video > div.vjs-control-bar > div.vjs-progress-control.vjs-control > div").attr("aria-valuenow");

        //如果進度到100就提示結束
        if (spans == 100) {
            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;
                }
            })
        }
        $("#auto").html("后臺播放已開啟,進度:" + spans + "%");
    }, 100);
    
        // 如果進度沒到100就繼續播放
        if (spans != 100) {
            play();
        }
});

代碼作用

原先瀏覽器播放課程時，滑鼠不能移出視窗，使用以上代碼可以使滑鼠移出，并后臺播放，可以邊使用計算機敲代碼，邊后臺播放課程，效率增快，本人課程已經播放完畢，
但是這個代碼不能答題與切換下一節，所以還需要自己手動切換與答題，禁止作弊哦~

轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/223568.html

標籤：其他

上一篇：專案中的圖片跨域問題解決方式