Скрыть похожие видео Youtube Iframe API

Question

Я пытаюсь скрыть похожие видео , которое появляется при приостановке видео, но, как я узнал из похожих вопросов, по состоянию на 25 сентября 2018 нет способа отключить связанные видео от отображения.

В результате изменений вы не сможете отключить похожие видео.Однако у вас будет возможность указать, что соответствующие видео, отображаемые в плеере, должны быть из того же канала, что и видео, которое только что было воспроизведено.

Чтобы быть более точным:

Доизменение, если значение параметра установлено в 0, то проигрыватель не показывает похожие видео.После изменения, если для параметра rel установлено значение 0, проигрыватель будет показывать похожие видео с того же канала, что и только что воспроизведенное видео.

Вот JSFiddle .

Также не работает параметр showinfo=0, который использовался для скрытия заголовка видео, кнопки просмотра позже и кнопки обмена.Это устарело по состоянию на 25 сентября 2018 , но каким-то образом KhanAcademy все еще может скрывать те, включая соответствующие видео.Используют ли они другой API?

Для меня подойдет скрытие похожих видео, как это делает Khan Academy, или наложение миниатюры сверху, чтобы скрыть похожие видео.

Answer 1

Итак, я нашел проигрыватель с открытым исходным кодом, который скрывает все связанные видео, включая заголовок, кнопку «Поделиться и просмотреть позже».

Имя игрока Plyr .

HTML:

<div class="plyr__video-embed" id="player">
    <iframe src="https://www.youtube.com/embed/9C1leq--_wM??origin=https://plyr.io&amp;iv_load_policy=3&amp;modestbranding=1&amp;playsinline=1&amp;showinfo=0&amp;rel=0&amp;enablejsapi=1" allowfullscreen allowtransparency allow="autoplay"></iframe>
</div>

Вы можете инициализировать его с помощью:

const player = new Plyr('#player', {});

// Expose player so it can be used from the console
window.player = player;

CSS, чтобы скрыть похожие видео:

.plyr__video-embed iframe {
    top: -50%;
    height: 200%;
}

Вот JSFiddle . Это отлично работает для меня.

Answer 2

С 25 сентября 2018 года YouTube изменил свой API. Таким образом, вы не можете отключить соответствующие видео, но вы можете указать список, который может быть показан. https://developers.google.com/youtube/player_parameters#rel

Я уже перепробовал все возможные ответы, представленные ниже. Вы можете попробовать код здесь: https://jsfiddle.net/ibrth/0zx7o6rs/62/ и https://jsfiddle.net/ibrth/z9tk1q3r/

function onYouTubeIframeAPIReady() {
    player = new YT.Player('video-placeholder', {
        width: 600,
        height: 400,
        videoId: '0sDg2h3M1RE',
        playerVars: {
            color: 'white',
            playlist: 'taJ60kskkns,FG0fTKAqZ5g',
            rel:0,
            enablejsapi:1,
            modestbranding: 1, showinfo: 0, ecver: 2
        },
        events: {
            onReady: initialize
        }
    });
}

Я нашел ответ здесь:

API JavaScript Javascript - отключить похожие видео и
https://webmasters.stackexchange.com/questions/102974/how-to-remove-the-related-videos-at-end-of-youtube-embedded-video