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);
}
}
「YT.Player」の2番目のパラメーターで「playerVars」を設定できます。 https://developers.google.com/youtube/iframe_api_reference#Loading_a_Video_Player
これは私にとってはうまくいきます:
player = new YT.Player('divId', {
videoId : videoSrc,
playerVars: {
'autoplay': 0,
'controls': 1,
'rel' : 0,
'fs' : 0,
}
});
YouTubeはポリシーを更新しました。 2018年9月25日以降、「showinfo」パラメーターは廃止され、iframeから無視されます。
https://developers.google.com/youtube/player_parameters#release_notes_08_23_2018
YouTubeの最新のポリシーアップデートによると、rel:0
フラグを使用して関連動画を非表示にすることはできなくなります。