Disabilita AutoPlay in Youtube JavaScript API
-
02-01-2020 - |
Domanda
Lo so sull'utilizzo dell'autoPlay: 0 in params e in URL.Il problema è quando utilizzo la funzione LoadVideoObyID ().Il video iniziale sembra sempre non AutostArt.Ma il momento in cui carico in un nuovo video che nuovi Autostarts.Non voglio quello nuovo a AutostArt o
$(document).ready(function() {
var player;
window.onYouTubePlayerAPIReady = function() {
player = new YT.Player('player', {
height : '390',
width : '640',
videoId : 'JW5meKfy3fY',
playerVars : {
'autoplay' : 0,
'rel' : 0,
'showinfo' : 0,
'egm' : 0,
'showsearch' : 0,
'controls' : 0,
'modestbranding' : 1,
},
events : {
'onReady' : onPlayerReady,
'onStateChange' : onPlayerStateChange
}
});
};
window.onPlayerReady = function(event) {
//event.target.playVideo();
loadNewVid("bHQqvYy5KYo");
};
window.onPlayerStateChange = function(event, element) {
//When the video has ended
if (event.data == YT.PlayerState.ENDED) {
//Get rid of the player
element.style.display = "none";
}
};
function loadNewVid(vidID){
player.loadVideoById(vidID, "large");
}
.
});
Soluzione
Per definizione, loadVideoById()
carichi e riproduce il video.Quello che si desidera utilizzare è cueVideoById()
, che lo preparerà ma attenderà un comando per giocare effettivamente.
https://developers.google.com/youtube/js_api_reference#cuevideoObyid
Altri suggerimenti
Penso che questo post è molto vecchio, ma condividerei comunque il mio approccio, nel caso qualcuno inciampa su di esso, come ho appena fatto:
Poiché non c'è modo di chiamare loadVideoById
e impedire AutoPlay, suggerirei di chiamare il metodo destroy()
sul lettore e ri-instanciando, con il nuovo ID.
Diciamo qualcosa come:
$(document).ready(function() {
var player;
var playerParams = {
height : '390',
width : '640',
videoId : 'JW5meKfy3fY',
playerVars : {
'autoplay' : 0,
'rel' : 0,
'showinfo' : 0,
'egm' : 0,
'showsearch' : 0,
'controls' : 0,
'modestbranding' : 1,
},
events : {
'onReady' : onPlayerReady,
'onStateChange' : onPlayerStateChange
}
}
window.onYouTubePlayerAPIReady = function() {
player = new YT.Player('player', playerParams);
};
window.onPlayerReady = function(event) {
//event.target.playVideo();
loadNewVid("bHQqvYy5KYo");
};
window.onPlayerStateChange = function(event, element) {
//When the video has ended
if (event.data == YT.PlayerState.ENDED) {
//Get rid of the player
element.style.display = "none";
}
};
function loadNewVid(vidID){
player.destroy();
playerParams.videoId = vidID;
player = new YT.Player('player', playerParams);
}
});
.
Spero che questo possa aiutare