在youtube API - javascript上禁用全屏

Question

如何禁用全屏youtube API？我使用自定义视频控制器。但是，双击视频将使其进入全屏。我尝试设置播放器参数"fs"：0或者将 iframe 属性"允许全屏"设置为 0，但两者都不起作用。另外，我不想将youtube iframe css"指针事件"设置为none。因为，有时YouTube横幅广告很烦人。

var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
var player;
function onYouTubeIframeAPIReady() {
	player = new YT.Player('yt-player', {
		height: '360',
	  	width: '640',
		videoId: 'EoyU6FvgbJ4',
		playerVars: { 
			'controls': 0,
            'showinfo': 0,
			'rel':0,
			'fs':0
  		}
	});
}

<div id="yt-player"></div>

Answer 1

您在"playerVars"中的语法是错误的，以下代码对我有用:)

return new YT.Player(domElementId, {
  videoId: youTubeVidId,
  startSeconds:0,
  width: 820,
  height: 461,
  playerVars: {
    rel: 0,
    showinfo: 0,
    fs: 0
  }
});

}

Answer 2

JS，无需测试它，但这样的东西应该可以解决问题;

它将与在元素上运行的所有全屏更改事件一起触发。然后，它继续检查浏览器/前缀并执行"退出全屏"。

//videoElement is the ID of the html videoElement; e.g; <video id="thisIsIt">
videoElement.addEventListener('fullscreenchange', function(){
  if (document.exitFullscreen) document.exitFullscreen();
  else if (document.mozCancelFullScreen) document.mozCancelFullScreen();
  else if (document.webkitCancelFullScreen) document.webkitCancelFullScreen();
  else if (document.msCancelFullScreen) document.msCancelFullScreen();
});