Comment gérer les “Uncaught (promesse) DOMException: jouer() a échoué car l'utilisateur n'a pas à interagir avec le document.” sur le Bureau avec Chrome 66?

J'obtiens le message d'erreur..

Non interceptée (promesse) DOMException: jouer() a échoué car l'utilisateur n'a pas à interagir avec le document.

..lorsque vous essayez de lire une vidéo sur un ordinateur de bureau à l'aide de la version Chrome 66.

J'ai trouvé une annonce qui a commencé la lecture automatiquement sur un site web, cependant en utilisant le code HTML suivant:

<video
    title="Advertisement"
    webkit-playsinline="true"
    playsinline="true"
    style="background-color: rgb(0, 0, 0); position: absolute; width: 640px; height: 360px;"
    src="http://ds.serving-sys.com/BurstingRes/Site-2500/Type-16/1ff26f6a-aa27-4b30-a264-df2173c79623.mp4"
    autoplay=""></video>

Est donc par passage de Chrome v66 de lecture automatique bloqueur vraiment aussi facile que d'ajouter de la webkit-playsinline="true", playsinline="true", et autoplay="" attributs de la <video> élément? Existe-il des conséquences négatives pour cela?

Je pense que playsinline est un iOS chose.

OriginalL'auteur Steven | 2018-04-19

  1. 27
    1. Ouvrir chrome://flags/#autoplay-policy
    2. Réglage Aucune action de l'utilisateur est requise
    3. Relancez Google Chrome
    La Lecture Automatique Des Changements De Politique. Cliquez-moi
    Il utilisent uniquement pour les développeurs de tester Chrome lecture automatique de la politique de comportement à l'échelle locale. developers.google.com/web/updates/2017/09/...
    Est-il un moyen via un programme pour y parvenir? J'ai des tests automatisés cours d'exécution en tête de Chrome qui sont maintenant des échecs dus à cette politique. J'ai essayé de passer un peu de différentes options de ligne de commande via Testem en vain.
    J'ai trouvé que l'option de ligne de commande --autoplay-policy=no-user-gesture-required est un moyen d'atteindre ce paramètre.
    Cela fonctionne uniquement pour votre navigateur, tout le monde ne seront pas affectés

    OriginalL'auteur Ming

  2. 9

    La meilleure solution que j'ai trouvé est de couper le son de la vidéo

    HTML

    <video loop muted autoplay id="videomain">
  <source src="videoname.mp4" type="video/mp4">
</video>
    100% de travail, juste ajouté "en sourdine", Merci

    OriginalL'auteur Moiz

  3. 3

    Essayez d'utiliser l'événement mousemove lisentner

    var audio = document.createElement("AUDIO")
document.body.appendChild(audio);
audio.src = "./audio/rain.m4a"

document.body.addEventListener("mousemove", function () {
    audio.play()
})

    OriginalL'auteur 時雨初

  4. 3

    Pour moi (dans Angulaire du projet) ce code a aidé:

    En HTML, vous devez ajouter autoplay muted

    En JS/TS

    playVideo() {
    const media = this.videoplayer.nativeElement;
    media.muted = true; //without this line it's not working although I have "muted" in HTML
    media.play();
}

    OriginalL'auteur Eutrepe

  5. 0

    J'ai eu quelques problèmes de jeu sur Téléphone Android.
    Après quelques essais, j'ai découvert que lorsque les Données de Veille est sur il n'y a pas de lecture automatique:

    Il n'y a pas de lecture automatique si Les Données De Veille mode est activé. Si des Données de Veille mode est activé, la lecture automatique est désactivée dans les paramètres de support.

    Source

    OriginalL'auteur Ido

  6. 0

    Chrome a besoin d'une interaction de l'utilisateur pour que la vidéo soit autoplayed ou joué par js (la vidéo.play()).
    Mais l'interaction peut être de toute nature, à n'importe quel moment.
    Si vous cliquez simplement sur aléatoire sur la page, la vidéo en lecture automatique.
    Je résolus alors, l'ajout d'un bouton (uniquement sur les navigateurs google chrome) qui dit que "activer la vidéo en autoplay". Le bouton ne fait rien, mais juste en cliquant dessus, est la nécessaire interaction de l'utilisateur pour plus de vidéo.

    OriginalL'auteur Alarik

  7. -5

    Type Chrome://flags l'adresse dans la barre

    De Recherche: Lecture Automatique

    Autoplay Politique

    Politique utilisées au moment de décider si l'audio ou la vidéo est permis
    lecture automatique.

    – Mac, Windows, Linux, Chrome OS, Android

    Réglez ce paramètre sur "Aucune action de l'utilisateur est requise"

    Relancez google Chrome et que vous n'avez pas à modifier le code

    On ne peut pas demander à chaque utilisateur d'aller modifier les paramètres .

    OriginalL'auteur DARKSETH23