在youtube API上禁用全屏 - javascript

时间:2017-01-27 13:43:21

标签: javascript iframe youtube youtube-api fullscreen

如何禁用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>

2 个答案:

答案 0 :(得分:2)

您在“playerVars”中的语法错误,以下代码对我有用:)

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

}

答案 1 :(得分:0)

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