需要删除 YouTube 播放器暂停时出现的“.ytp-pause-overlay”

Question

我正在使用名为 Vimuse 的视频播放器 (http://codecanyon.cosmo-coder.com/vimuse/youtube.html)。我需要找到一种方法来删除用户暂停视频时出现的“相关/建议视频”。罪魁祸首是以下两个类：来自 YouTube.com 的 .ytp-expand-pause-overlay 和 .ytp-pause-overlay www-player-vflthaDCh.css 文件。我尝试用 display:none 覆盖 css，但它不会覆盖它。

是否有另一种方法可以使用 jQuery 或 JavaScript 来做到这一点（我对这两种方法都很陌生，但我愿意尝试任何东西）？或者还有其他建议吗？我想知道是否可以使用 jQuery 或 JS 完全删除 .ytp-expand-pause-overlay .ytp-pause-overlay 类？

播放列表是使用 playlistID（而不是 url）加载的，因此我无法将 ?rel=0 添加到 playlistID 的末尾来删除相关视频。

这是用于启动播放器的代码：

$.fn.vimuse.defaults.autoplay = true;
        var $app = $('#player').vimuse({
            getID3Info: true,
            showPlaylistThumbs: true,
            enableCache: false,
            showFileTypeIcons: false,
            youtubeAPIKey: 'AIzaSyBE0eCj5Y7SAe7pbdorzw2_HJSU_JHYFBT',  // enter your Youtube API Key here
            youtubeFeed: true,
            playlistPosition: 'left',
            youtubeOptions: {
                source: 'playlist',
                playlistID: 'PLfs-w3ltz3MrPDUqxdFus8f7Oj-9659IH',
                limit: 10 // max-limit 50 set by YouTube
            }
        });

我尝试使用此代码将其删除，但无法使其工作：

(function() {
    'use strict';
    document.getElementsByClassName("ytp-pause-overlay ytp-scroll-min")[0].remove();
})();

感谢您的帮助！

Answer 1

在浏览器中，右键单击某个元素（例如建议的视频之一），选择“检查”。

此选项将打开 F12 开发者工具（DevTools，简称）。

打开 DevTools 后，它将在“Elements”选项卡中显示 HTML 代码。在那里，展开包含要删除的元素的节点 - 在本例中是具有该特定类名称的 div。

然后，移至 DevTools 的“控制台”选项卡 - 使用以下代码行，您可以根据需要修改找到的元素。

示例：

document.getElementsByClassName("ytp-pause-overlay ytp-scroll-min")[0].style.display = 'none';

甚至删除 div 的

innerHTML

：

示例：

document.getElementsByClassName("ytp-pause-overlay ytp-scroll-min")[0].innerHTML = '';