Question

如何禁用youtube API全屏？我使用自定义视频控制器。但是，双击视频将使其进入全屏。我试图设置播放器参数'fs'：0或将iframe属性“allowfullscreen”设置为0，但都不起作用。另外，我不想将youtube iframe css“pointer-event”设置为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，没有测试它，但这样的事情应该可以解决问题;

它将触发在元素上运行的所有 fullscreenchange事件。然后继续检查浏览器/前缀并执行“exitFullscreen”。

//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();
});

在youtube API上禁用全屏 - javascript

2 个答案: