Question

我正在尝试使用JavaScript API在主页（Chromeless）中加载Youtube视频。到目前为止，我设法让它自动播放，hd720和fadeOut视频一旦完成。

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

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

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

但我无法在下面显示的YouTube播放器API中找到使用这些参数的方法。有什么建议吗？

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

Answer 1

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

Answer 2

这对我来说很好用：

player = new YT.Player('divId', {
    videoId : videoSrc,
    playerVars: { 
        'autoplay': 0,
        'controls': 1, 
        'rel' : 0,
        'fs' : 0,
    }
});

Answer 3

YouTube更新了其政策。在2018年9月25日之后，iframe中已弃用“ showinfo”参数。

https://developers.google.com/youtube/player_parameters#release_notes_08_23_2018

Answer 4

根据YouTube的最新政策更新，我们将不再能够使用rel:0标志来隐藏相关视频。

Button

you can see the rel flag got changed from 25th sept 2018

Youtube Player API隐藏控件，隐藏信息，隐藏相关视频？

4 个答案: