web-dev-qa-db-fra.com

La lecture automatique de YouTube ne fonctionne pas dans Chrome

Cela fait un moment que j'utilise ce script, dans lequel la vidéo est automatiquement lue en plein écran. Pour l'instant, la vidéo ne se lit pas automatiquement dans Chrome. Mais dans Firefox et Edge, cela fonctionne toujours.

Alors peut-être que Google a changé les paramètres? Est-ce que quelqu'un sait comment résoudre ce problème, s'il vous plaît? Vous voyez l'exemple en direct ici: www.brunomazereel.com

<script src="http://www.youtube.com/player_api"></script>
<script type="text/javascript">
var player;
function onYouTubePlayerAPIReady() {
    player = new YT.Player('player', {
    playerVars: {
        'autoplay': 1,
        'controls': 0,
        'autohide': 1,
        'wmode': 'opaque',
        'showinfo': 0,
        'loop': 1,
        'rel': 0,
        'playlist': 'rh5QiehIlVA,Bl63bdR-Ko0,'
        },
    videoId: 'u-cjliof1xk',
    events: {
        'onReady': onPlayerReady
    }
});
}
function onPlayerReady(event) {
event.target();
$('#text').fadeIn(400);
}
$(window).scroll(function() {
var hT = $('.m-video').height(),
   wS = $(this).scrollTop();
if (wS > hT) {
  player.pauseVideo();
}
else {
  player.playVideo();
}
});
</script>
javascriptgoogle-chromeyoutubeautoplay
13
chechu

Une des solutions possibles extraites de la discussion sur les commentaires serait la mise en sourdine de la vidéo si le son n’est pas si important dans votre cas ( si c'est le cas, je laisserai la réponse car cela pourrait aider d'autres personnes).

C'est apparemment le seul moyen d'avoir l'auto-lecture toujours activée. De l'article:

"La lecture automatique en sourdine est toujours autorisée."

Source: Google changelog

Ajoutez simplement dans vos playerVars:

mute : 1

Source pour la vidéo en sourdine

22
Alexandre Beaudet

Google chrome a supprimé la fonctionnalité de lecture automatique. Voir ci-dessous:

https://developers.google.com/web/updates/2017/09/autoplay-policy-changes

7
Marker

Vous devriez mettre le allow="autoplay" sur l’intégration iframe

<!-- Autoplay is allowed. -->
<iframe src="https://cross-Origin.com/myvideo.html" allow="autoplay">

<!-- Autoplay and Fullscreen are allowed. -->
<iframe src="https://cross-Origin.com/myvideo.html" allow="autoplay; fullscreen">

Chrome's règles de lecture automatique :

  • Les cadres supérieurs peuvent déléguer l'autorisation de lecture automatique à leur iframes pour autoriser autoplay avec son .
  • en sourdine La lecture automatique est toujours autorisée.
  • La lecture automatique avec son est autorisée si:
    • L'utilisateur a interagi avec le domaine (cliquez, appuyez sur, etc.).
    • Sur le bureau, le seuil Media Engagement Index de l'utilisateur a été franchi, ce qui signifie que l'utilisateur a déjà lu la vidéo avec du son.
    • Sur le mobile, l'utilisateur a ajouté le site à son écran d'accueil.
5
Serge

pour moi a travaillé cette solution:

jQuery("video-iframe")[0].src += "&autoplay=1";

Il ne jouait pas pour moi, même avec tous les attributs HTML de lecture automatique valides, mais le code ci-dessus aidait.

0
Alex