HTML代码青年大学习进度条

【#文档大全网# 导语】以下是®文档大全网的小编为您整理的《HTML代码青年大学习进度条》，欢迎阅读！

HTML代码青年大学习进度条

很多苹果手机的用户肯定都知道青年大学习可以在观看的时候，熄屏然后再打开就会发现在锁屏界面有一个进度条可以拖动，当你拖动到视频结尾的时候再解锁手机，青年大学习也看完了。然后你看见我这么一说，作为安卓用户的你肯定想知道，安卓操作系统的微信现在有没有拖动进度条的功能，不过遗憾的是没有。



>本人也是安卓用户，我辛辛苦苦看了快三年的青年大学习，然后前段时间才知道，苹果竟然可以拖动进度条，我心里有点不平衡，每次光看不说了，还要答题而且时间一次比一次长。如果没有看完不小心推出，又要重新观看，可恶至极。



本着 ***学习新思想争做新青年*** 的觉悟和爱国主义---**不买苹果**（没钱），我发现了一个方法可以拖动进度条，需要的配方有：



>1.**windows**操作系统 >2.**微信PC**版本

>3.微信内部浏览器**开发者工具** >4.一点点**HTML5**的知识

有了这些必备条件，我们开始讲解原理：首先我们要了解的事情是，微信里面的页面都是不是HTML写的，当你打开一个微信公众号里面的推文的时候，


然后点击右上角的拓展，可以看见**在浏览器打开**，这可以说明这个页面可以在传统的浏览器打开，那么这个文章目前显示的页面也必然是个网页，然后知道这是网页后，就要确定这个网页的元素一定都是HTML，css，js这些东西，那么没有进度条也一定是标签里面没有加相应的参数，而现在大部分写的页面都是H5的标签，所以我们锁定了H5。



既然在手机上是网页，在电脑上也是网页，我们下载**微信PC**版本，后打开然后尝试按f12，发现打不开开发者工具，这个时候你就需要一个微信内部浏览器的开发者工具，微信内部的浏览器本身是不带开发者工具的，具体为什么可能是为了缩小体积，也可能就是商业行为，这里就不细究了，但是网上一定是有的，不然微信这个浏览器开发的时候不能调试，那怎么开发。按照这个思路就去找微信的[开发者工具](

)（点击跳转）按照作者的教程去安装好，就可以调试微信内部浏览器的页面了。



在电脑端打开青年大学习，调试好页面比例（否则只能显示一部分页面），然后播放视频，

## 打开开发者工具：## 定位视频标签：

## 添加属性：controls:"controls"

做完这些步骤后，就可以发现已经有个进度条等待你的拖动了，拖动过后，


会瞬间弹出没有做的题目，然后一直点击确定就可以了，有的时候会有一个红点让你点击，最后就可以弹出那个你需要交给你们班某个每天催你交截图的人需要的东西了！（其实这个截图在看视频之前都一次性加载好了，你只需要在点击开发者工具Network一栏，然后刷新一下页面就可以了找到那个截图了，不过还是要拖完视频，不然青年大学习那边的服务器不会记录你的完成情况，这个找截图的方法主要是针对那些忘记截图的人--包括我一个）

本文来源：https://www.wddqxz.cn/02a86c3cde36a32d7375a417866fb84ae45cc364.html