解决中国大学MOOC遮挡字幕问题

最新推荐文章于 2020-05-29 08:41:22 发布

怪我冷i

最新推荐文章于 2020-05-29 08:41:22 发布

阅读量1k

点赞数 1

分类专栏： # html 大前端文章标签： css3 html mooc style opacity

本文链接：https://blog.csdn.net/e891377/article/details/102872168

版权

大前端同时被 2 个专栏收录

22 篇文章 0 订阅

订阅专栏

html

6 篇文章 0 订阅

订阅专栏

解决中国大学MOOC遮挡字幕问题

方案1

这里采用一个简单有效的方法，运用css3的opacity属性，设置 div 元素的不透明级别。找到
<div class="u-edu-h5player-controlwrap j-controlwrap z-show" >的div，改成<div class="u-edu-h5player-controlwrap j-controlwrap z-show" style="opacity: 0.2;">。
也就是说，添加了style="opacity: 0.2;"

或者
在控制台(chrome内核浏览器–工具–开发人员工具–console标签)执行以下代码

    var is_icourse163_web = document.getElementsByClassName('u-edu-h5player-controlwrap')!=null  ? true : false;
    is_icourse163_web ? (document.getElementsByClassName('u-edu-h5player-controlwrap')[0].style.opacity=0.2) : '';
    $('#j-learningState-container').remove();