Название YouTube, Поделиться, Кнопка просмотра удалена

Question

Когда я пытаюсь использовать видео в качестве фона моего сайта, заголовок и кнопки появляются в верхней части видео Youtube.Я хочу, чтобы заголовок, кнопка просмотра и обмена была удалена из верхней части встраивания YouTube.Я перепробовал все, но ничего не работает.

Я прикрепил свой код.Я пытался внедрить его с помощью jQuery, но безуспешно.

<iframe src="https://www.youtube.com/embed/5iNr0Tp13hY?mode=opaque&rel=0&autohide=1&showinfo=0&controls=0&wmode=transparent" frameborder="0" width="100%" height="100%"></iframe>

$('iframe').load(function() {
  $('iframe').contents().find("head").append($("<style type='text/css'>  .ytp-chrome-top.ytp-show-watch-later-title.ytp-share-button-visible.ytp-show-share-title.ytp-show-cards-title { display: none !important; } </style>"));
});

Answer 1

Вместо использования iFrame используйте jquery.mb.YTPlayer , это намного проще.

Вызовите файл .js в ваш HTML

<script src="style/js/jquery.mb.YTPlayer.js"></script>

И вызвать видео с помощью

<div id="P1" class="player video-container" data-property="{videoURL:'https://www.youtube.com/watch?XXXXXXX',containment:'#video', autoPlay:true, showControls:false, mute:true, startAt:6, opacity:1, loop:1}"></div>

showControls:false скрыть элементы управления, у вас есть все параметры в документации.