Youtube Player API隐藏控件，隐藏信息，隐藏相关视频? [英] Youtube Player API hide controls, hide info, hide related videos?

问题描述

我正在尝试使用JavaScript API在首页(Chromeless)中加载Youtube视频. 到目前为止，我设法使其自动播放，播放hd720并在视频播放完毕后淡出视频.

I am trying to load a Youtube video in the home page (Chromeless) useing JavaScript API. So far I managed to make it auto play, hd720 and fadeOut the video once it is finished.

但是我找不到删除控件，隐藏信息并且最后不加载相关视频的方法.

But I can't find a way to remove controls, hide info and not to load related video at the end.

我知道在iframe嵌入中我可以使用以下参数

I know in iframe embed I can use below parameters

controls=0&showinfo=0&autoplay=1&rel=0

但是我找不到在下面显示的YouTube Player API中使用这些参数的方法. 有什么建议吗?

But I can't find way to use these parameters in YouTube Player API shown below. Any suggestion?

<script src="http://www.youtube.com/player_api?enablejsapi=1&version=3"></script>

  function onYouTubePlayerAPIReady() {
            player = new YT.Player('video_chromeless', {
                height: '800',
                width: '450',
                videoId: '',
              events: {
                'onReady': onPlayerReady,
                'onStateChange': onPlayerStateChange
              }
            });
        }
function onPlayerReady(event){
            player.setPlaybackQuality('hd720');
            event.target.playVideo();
        }
 function onPlayerStateChange(event) {
            if(event.data === 0) {
                $('#video_chromeless').fadeOut(600);
            }
        }

推荐答案

您可以在"YT.Player"的第二个参数中设置"playerVars": https://developers.google.com/youtube/iframe_api_reference#Loading_a_Video_Player

You can set 'playerVars' in the second parameter of "YT.Player": https://developers.google.com/youtube/iframe_api_reference#Loading_a_Video_Player

这篇关于Youtube Player API隐藏控件，隐藏信息，隐藏相关视频?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！