Question

我正在使用名为Vimuse（http://codecanyon.cosmo-coder.com/vimuse/youtube.html）的视频播放器。我需要找到一种方法来删除相关/推荐的视频＆＃34;当用户暂停视频时出现。罪魁祸首是以下两个类：YouTube.com的www-player-vflthaDCh.css文件中的.ytp-expand-pause-overlay .ytp-pause-overlay。我试过用display：none覆盖css，但它不会覆盖它。

有没有其他方法可以使用jQuery或JavaScript（我是这两个新的，但我愿意尝试任何东西）？还是其他任何建议？我想知道是否可以使用jQuery或JS完全删除.ytp-expand-pause-overlay .ytp-pause-overlay类？

使用播放列表ID（不是网址）加载播放列表，因此我无法将“rel = 0”添加到播放列表ID的末尾以删除相关视频。

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

$.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

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

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

，甚至删除div的innerHTML：

示例：

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

需要删除＆＃34; .ytp-pause-overlay＆＃34; YouTube播放器暂停时显示的内容

1 个答案: