web-dev-qa-db-ja.com

Youtube Player APIコントロールを非表示、情報を非表示、関連動画を非表示にしますか?

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

「YT.Player」の2番目のパラメーターで「playerVars」を設定できます。 https://developers.google.com/youtube/iframe_api_reference#Loading_a_Video_Player

31
Johni

これは私にとってはうまくいきます:

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

YouTubeはポリシーを更新しました。 2018年9月25日以降、「showinfo」パラメーターは廃止され、iframeから無視されます。

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

2
lincolndu

YouTubeの最新のポリシーアップデートによると、rel:0フラグを使用して関連動画を非表示にすることはできなくなります。

relフラグが2018年9月25日に変更されたことがわかります

YouTubeAPIの最新のパラメーターについては、このリンクを参照できます

0
vuppala srikar