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

【问题标题】：Need to remove ".ytp-pause-overlay" that appear when YouTube Player is paused需要删除 YouTube 播放器暂停时出现的“.ytp-pause-overlay”
【发布时间】：2018-09-07 22:56:12
【问题描述】：

我正在使用一个名为 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();
})();

感谢您的帮助！

【问题讨论】：

您找到解决方案了吗？
不，从来没有。我仍然需要一个解决方案。

标签： javascript jquery css twitter-bootstrap youtube

【解决方案1】：

使用以下行，它可以工作：

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

甚至，删除div的innerHTML：

例子：

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

【讨论】：