自动播放

本人主要用来刷课，亲测，鼠标可以移动到窗体外面，视频不停止。

代码使用方式

复制到检查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();}
});

代码作用

原先浏览器播放课程时，鼠标不能移出窗口，使用以上代码可以使鼠标移出，并后台播放。可以边使用计算机敲代码，边后台播放课程，效率增快。本人课程已经播放完毕。
但是这个代码不能答题与切换下一节，所以还需要自己手动切换与答题，禁止作弊哦~

【实用教程】视频自动播放相关推荐

音频视频自动播放解决方案
1.音频视频自动播放解决方案 1.1.使用背景公司项目需要用到音频自动播放的功能,首先想到的就是autoplay属性. 想让内容自动播放的最简单方法是将autoplay属性添加到元素,并将autop ...
html插入视频时不自动播放,html5中嵌入视频自动播放的问题解决
在h5页面中嵌入视频的情况是比较多件的,有时候会碰到需要自动播放的情况,之前根本觉得这不是问题,但是自己的项目中需要视频的时候就有点sb了,达不到老板的要求,那个急呀~~~ 各种查资料,找到一个方法, ...
twitter全自动发推_如何阻止Twitter视频自动播放
twitter全自动发推 As you scroll through your Twitter Timeline, by default, videos will start autoplaying. ...
uniapp ----小程序上下滑动页面，视频自动播放（完整代码）
uniapp ----小程序上下滑动页面,视频自动播放(完整代码) <template><view class="box"><f-navbar tit ...
视频自动播放代码（优酷、搜狐、酷6、土豆等）
一.优酷.搜狐视频自动播放代码(更换地址即可) 如下: width=700 height=550 type=application/x-shockwave-flash wmode="opaq ...
详解:如何让优酷、土豆、56、mofile视频自动播放
详解:如何让优酷.土豆.56.mofile视频自动播放一.优酷视频自动播放的方法 (引用优酷播放器做背景音乐时,可将高宽设置为较小值以达到隐藏效果,当然必须设置为自动播放) 如: <embed ...
iOS 微信音视频自动播放原生接口WeixinJSBridge API(一些整理小技巧)
原文链接1:https://www.w3ctech.com/topic/1165 原文链接2:https://www.cnblogs.com/jasonduan/p/5635048.html 做一下整 ...
微信H5同层播放器以及视频自动播放
iOS之前已经解决了视频播放默认全屏,且浮在页面最顶端的问题 playsinline webkit-playsinline 这样就可以在视频之上进行一些操作,实现诸如弹幕.自定义播放控件等的效果. 但 ...
PPT视频自动播放？
PPT视频自动播放? 找了半天,哎呀
解决手机微信浏览器视频自动播放和默认全屏问题
1.早期因为带宽和流量的因素,移动端浏览器禁止视频自动播放,现在现在流量便宜了.手机硬件越来越好了,部分可支持了 2.在移动端浏览器, video 在用户点击播放或者通过API video.play( ...

【实用教程】视频自动播放

自动播放

代码使用方式

代码详解

页面元素显示

按钮点击效果

代码作用

【实用教程】视频自动播放相关推荐

最新文章

热门文章