美文网首页ChromeWeb前端之路技术干货
用Jquery快速去除爱奇艺播放视频界面上的广告

用Jquery快速去除爱奇艺播放视频界面上的广告

作者: DannyWu | 来源:发表于2017-10-11 12:08 被阅读56次

一、问题叙述

相信大家在浏览各个视频网站时,看个电视好像还没有看广告的时间多,视频上的广告可以使用hosts屏蔽。但是好多页面上的广告却不大好去除。今天Danny教大家用JQuery去除爱奇艺播放视频页的广告,还给大家一个清新的干净的播放界面。

二、教程

本教程使用的是自带审查元素的浏览器chrome(其他的也可以)。

1.打开爱奇艺网页版,找到一个视频到播放界面,Danny随便打开了一个,结果是这样的,好多广告

a

2.按下打开chrome审查元素的快捷键[Ctrl+Shift+i]来打开审查元素,当然可以一个一个来删除广告,但这样效率貌似有点低,所以Danny用jQuery给大家写了个脚本,直接在Console里输入一串简单的脚本代码后按enter键即可。

代码如下:

$("#block-A").remove();

$(".mod-func").remove();

$(".mod-breadcrumb").remove();

$("#block-F").remove();

$(".wrapper").remove();

$("#widget-editorincharge").remove();

$("#block-Z").remove();

$(".adv-under").remove();

$("#movieScrollGroove").remove();

$(".mod-play-list").remove();

$("#widget-movieScroll").remove();

$("#videoBuyContainer").remove();

$("#jujiPlayListRight").remove();

$("#jujiPlayListShow").remove();

3.去除广告之后的样子是不是觉得干净简洁了很多呢

如果你感兴趣的话快去试试吧!

更多精彩内容尽在DannyWu博客!

官网:www.idannywu.com

公众号:DannyWu博客

相关文章

网友评论

    本文标题:用Jquery快速去除爱奇艺播放视频界面上的广告

    本文链接:https://www.haomeiwen.com/subject/wdxwyxtx.html