web-dev-qa-db-fra.com

Chrome La lecture automatique Vimeo Iframe ne fonctionne plus

depuis quelques jours mon iframe vimeo ne jouera plus automatiquement. Je connais la mise à jour chrome, qui bloquera la lecture automatique des vidéos avec du son. Le blocage est-il déjà actif?

L'exemple de code 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 de 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?

Merci!

google-chromeiframevimeoautoplay
16
GoE

oui, selon leur documentation.

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

MODIFIER:

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

Politique de lecture automatique de CHROME:

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

Le Media Engagement Index, ou MEI pour faire court, une façon de Chrome est de permettre à la lecture automatique de l'audio sur votre page d'être basée sur vos interactions précédentes avec cette page Web en tant qu'utilisateur. Vous pouvez voir ce que cela ressemble en allant à

chrome: // media-engagement /

L'IEDM est calculé par profil utilisateur et est conservé en mode navigation privée.

media engagement

Politique de lecture automatique WEBKIT/SAFARI:

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

Améliorations de la lecture automatique de FIREFOX:

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

REMARQUE: Ne présumez pas qu'un élément multimédia sera lu et n'affichez pas le bouton de pause depuis le début. Regardez la promesse retourné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
    });
}
5
Manshoor Ahmad

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

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

Cela s'appelle "délégation Iframe" et est décrit ici: https://developers.google.com/web/updates/2017/09/autoplay-policy-changes .

49
alexhribsek

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

17
Floris

Maintenant, la vidéo en lecture automatique ne fonctionne que si l'audio est en sourdine, vous devez ajouter le paramètre en sourdine dans votre code API ou iframe & muted = 1, vous pouvez modifier les préférences de votre navigateur pour autoriser la lecture automatique des vidéos en sourdine: chrome: // flags/# autoplay- 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 réactiver !!

3
Antonio Reyes

Lecture automatique + Muet + Début au moment 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.

2
bcartign

Si vous êtes membre payant et que vous souhaitez utiliser la vidéo en arrière-plan, voici probablement ce dont vous avez besoin:

? background = 1: ce paramètre désactive automatiquement tous les éléments du lecteur (barre de lecture, boutons, etc.), les lectures automatiques, les boucles et coupe le son de votre vidéo lors du chargement. Remarque: le paramètre d'arrière-plan n'est pris en charge que pour les vidéos hébergées par des membres payants. En savoir plus ici.

Ou, si vous n'êtes pas:

? muted = 1 Ce paramètre mettra automatiquement en sourdine votre vidéo lors du chargement. Une fois votre vidéo lue, les spectateurs peuvent réactiver manuellement le son en cliquant sur la barre de volume dans le lecteur.

MAIS, je ne peux toujours pas le faire fonctionner sur le téléphone.

0
Mladen Janjetovic