当我尝试将视频用作我的网站时，标题和按钮会显示在Youtube视频的顶部。我希望从YouTube顶部的顶部删除标题，观看和共享按钮。我已经尝试了一切，但没有任何效果。
我已附上我的代码。我试图用jQuery注入(inject)它，但是没有运气。
<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>"));
});
最佳答案
无需使用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隐藏控件，您可以在文档中找到所有选项。