
Je travaille sur un lecteur vidéo développé à l'aide de video.js. J'ai créé un bouton HD qui permet à l'utilisateur de switcher entre le mode HD et SD d'une vidéo.
vjs.HdToggle.prototype.onClick = function() {
var mp4Vid = document.getElementById('mp4Source');
var webmVid = document.getElementById('webmSource');
var oggVid = document.getElementById('oggSource');
if(vjs.options.isHD == "false") {
this.player_.pause();
$(mp4Vid).attr('src', vjs.options.urlVideoHD);
$(webmVid).attr('src', vjs.options.urlVideoHD);
$(oggVid).attr('src', vjs.options.urlVideoHD);
vjs.options.isHD = "true";
this.player_.load();
this.player_.play();
console.log(vjs.options.isHD);
console.log("isHD");
} else if(vjs.options.isHD == "true") {
this.player_.pause();
$(mp4Vid).attr('src', vjs.options.urlVideo);
$(webmVid).attr('src', vjs.options.urlVideo);
$(oggVid).attr('src', vjs.options.urlVideo);
vjs.options.isHD = "false";
this.player_.load();
this.player_.play();
console.log(vjs.options.isHD);
console.log('noHD');
}
}
Voici la partie de code qui gère le changement de source dynamiquement. Elle fonctionne sur Firefox, mais pas sur Chrome. Ca fait un petit moment que je cherche déjà à résoudre ce problème mais je n'ai aucune solution et j'espère que quelqu'un pourra m'aider et me débloquer.
Merci d'avance pour votre aide
