30

JavaScript APIを使用してホームページ(Chromeless)にYoutubeビデオを読み込もうとしています。これまでのところ、ビデオが終了したら、自動再生、hd720、fadeOutにすることができました。

しかし、コントロールを削除し、情報を非表示にし、最後に関連するビデオをロードしない方法を見つけることができません。

私はiframe埋め込みで以下のパラメータを使用できることを知っています

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

しかし、以下に示すYouTubePlayerAPIでこれらのパラメーターを使用する方法が見つかりません。なにか提案を?

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

4 に答える 4

33

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

于 2012-08-10T11:15:59.770 に答える
26

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

player = new YT.Player('divId', {
    videoId : videoSrc,
    playerVars: { 
        'autoplay': 0,
        'controls': 1, 
        'rel' : 0,
        'fs' : 0,
    }
});
于 2014-08-13T22:08:42.537 に答える
3

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

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

于 2018-11-13T09:01:10.337 に答える
0

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

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

YouTubeAPIの最新のパラメータについては、このリンクを参照してください

于 2019-04-22T18:29:49.620 に答える