La lecture automatique de Chrome Vimeo Iframe ne fonctionne plus

Question

Depuis quelques jours, mon iframe vimeo ne fonctionne plus en lecture automatique. Je connais la mise à jour de Chrome, qui bloque les vidéos avec son en lecture automatique. Le blocage est-il déjà actif ?

Le code de l'exemple Vimeo ne fonctionne pas :

<iframe src="https://player.vimeo.com/video/12345?autoplay=1&loop=1&autopause=0" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

Mais netflix.com et vimeo lui-même ont une vidéo en lecture automatique sur la page d'accueil, qui fonctionne.

EDIT : Chrome version 66.0.3359.139 macOS High Sierra 10.13.4

Quelqu'un a-t-il une idée ou une réponse ?

Gracias.

Answer 1

Annoter le <iframe> avec un allow L'attribut a fonctionné pour moi :

<iframe ... allow="autoplay; fullscreen"></iframe>

Il s'agit de la "délégation d'Iframe", décrite ici : https://developers.google.com/web/updates/2017/09/autoplay-policy-changes .

Answer 2

Vous devez ajouter &muted=1 au chemin src d'iFrame et vous devez ajouter l'attribut allow="autoplay" à l'iFrame. Maintenant, la vidéo Vimeo démarre à nouveau automatiquement dans Chrome.

Answer 3

Oui, selon leur documentation, c'est le cas.

https://help.vimeo.com/hc/en-us/articles/115004485728-Autoplaying-and-looping-embedded-videos

EDITAR:

Les navigateurs avancés comme FireFox, Chrome et Safari bloquent désormais par défaut la lecture automatique des vidéos.

CHROME Politique de lecture automatique :

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

L'indice d'engagement des médias, ou MEI en abrégé, est un moyen pour Chrome de permettre la lecture automatique de l'audio sur votre page en fonction de vos interactions précédentes avec cette page Web en tant qu'utilisateur. Vous pouvez voir à quoi cela ressemble en vous rendant à l'adresse suivante

chrome://media-engagement/

L'IEM est calculé par profil d'utilisateur, et est persistant en mode incognito.

Politique de lecture automatique de WEBKIT/SAFARI :

https://webkit.org/blog/7734/auto-play-policy-changes-for-macos/

Amélioration de la lecture automatique de FIREFOX :

https://www.ghacks.net/2018/09/21/firefox-improved-autoplay-blocking/

NOTE : Ne partez pas du principe qu'un élément multimédia sera lu et n'affichez pas le bouton de pause dès le début. Regardez la promesse renvoyée par la fonction play sur HTMLMediaElement pour voir si elle a été rejetée :

var promise = document.querySelector('video').play();

if (promise !== undefined) {
    promise.catch(error => {
        // Auto-play was prevented
        // Show a UI element to let the user manually start playback
    }).then(() => {
        // Auto-play started
    });
}

Answer 4

Autoplay + Mute + Start at time x sec =

<div>
    <iframe src="https://player.vimeo.com/video/342787403?&autoplay=1&loop=1&title=0&byline=0&portrait=0&muted=1&#t=235s" style="position:absolute;top:0;left:0;width:100%;height:100%;" width="1400" height="900" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen>
    </iframe>
</div>

Le paramètre #t doit être le dernier.

Answer 5

Maintenant, la lecture automatique de la vidéo ne fonctionne que si l'audio est coupé, vous devez ajouter le paramètre muted dans votre code api ou iframe &muted=1, vous pouvez modifier les préférences de votre navigateur pour permettre la lecture automatique de vidéos non coupées : chrome://flags/#autoplay-policy Changez l'option par défaut en "Aucun geste de l'utilisateur n'est requis".

Si l'utilisateur clique sur la vidéo, vous pouvez la désactiver !