im using Youtube API (not embedded) for video player on page with custom modfications.
I tried remove recommended videos by "playerVars: {rel: 0, showinfo: 0, ecver: 2}", but there are still showing black bar with "next videos".
<script src="https://www.youtube.com/player_api"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="player"></div>
<script>
var player;
function onYouTubeIframeAPIReady() {
player = new YT.Player('player', {
height: '1000',
width: '100%',
videoId: 'myID',
playerVars: {rel: 0, showinfo: 0, ecver: 2},
});
}
(function($){
$(document).on('mouseover', '#player', function() {
player.mute();
player.playVideo();
});
$(document).on('mouseout', '#player', function() {
player.pauseVideo();
});})(jQuery);
</script>
Also is possible hide Youtube branding (logo) from the player?