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

Posted 2023-02-24

【中文标题】Youtube Player API 隐藏控件、隐藏信息、隐藏相关视频？

【英文标题】：Youtube Player API hide controls, hide info, hide related videos?

【发布时间】：2012-08-07 16:24:22

【问题描述】：

我正在尝试使用 javascript API 在主页 (Chromeless) 中加载 Youtube 视频。 到目前为止，我设法让它自动播放，hd720 并在完成后淡出视频。

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

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

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

但我找不到在下面显示的 YouTube Player 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);
            
        

【问题讨论】：

自 2018 年 9 月 25 日起，我们无法隐藏相关视频

【参考方案1】：

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

【讨论】：

你能动态改变播放器变量吗？我希望能够在默认情况下隐藏控件，但如果用户单击按钮则能够公开它们。

@asutherland，你找到答案了吗？我正在努力以编程方式隐藏/显示控件。

我没有，我最终构建了自己的自定义控件，但我已经有一两年没有研究过那个位代码代码了，所以今天可能会有更好的选择。

【参考方案2】：

这对我来说很好用：

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

【参考方案3】：

YouTube 更新了他们的政策。 2018 年 9 月 25 日之后，“showinfo”参数在 iframe 中被弃用和忽略。

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

【讨论】：

替代品.?

【参考方案4】：

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

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

You can refer to this link for latest parameters of YouTubeAPI