Wie kann der Autoplay-Fehler „play() von Chrome behoben werden, weil der Benutzer nicht zuerst mit dem Dokument interagiert hat'?

Behandlung des Fehlers „Uncaught (in versprochen) DOMException: play() fehlgeschlagen, weil der Benutzer nicht zuerst mit dem Dokument interagiert hat“-Fehler in Chrome 66 für Desktop

Beim Versuch, Videos auf dem Desktop mit Chrome Version 66 abzuspielen, kann es sein, dass Benutzer auf die folgende Fehlermeldung stoßen Nachricht:

Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first.

Dieser Fehler entsteht durch den neuen Autoplay-Blocker von Chrome, der die automatische Videowiedergabe ohne Benutzerinteraktion einschränkt. Um diese Einschränkung zu umgehen, fügen Sie einfach die folgenden Attribute zum

• webkit-playsinline="true"
• playsinline="true"
• autoplay=""

Lösung

Um Autoplay in Chrome 66 für Desktop zu aktivieren, Das Attribut muted muss dem Videoelement hinzugefügt werden. Diese Eigenschaft stellt sicher, dass das Video geräuschlos abgespielt wird, wodurch die von Chrome festgelegten Benutzerinteraktionsanforderungen effektiv erfüllt werden.

Aktualisiertes Video-HTML

<video
    title="Advertisement"
    webkit-playsinline="true"
    playsinline="true"
   >

Konsequenzen der Verwendung das „muted“-Attribut

Die Verwendung des muted-Attributs hat Folgendes Konsequenzen:

• Das Video wird automatisch ohne Benutzerinteraktion abgespielt.
• Die Audioausgabe wird stummgeschaltet.
• Benutzer müssen weiterhin mit dem Video interagieren (z. B. , schalten Sie die Lautstärke um oder entfernen Sie die Stummschaltung), um den Ton zu hören.

Dieser Ansatz ermöglicht die automatische Wiedergabe und bietet Benutzern dennoch das Notwendige Kontrolle über die Audiowiedergabe und mildert so die potenziellen negativen Folgen, die mit einer nicht stummgeschalteten automatischen Wiedergabe verbunden sind.

Das obige ist der detaillierte Inhalt vonWie kann der Autoplay-Fehler „play() von Chrome behoben werden, weil der Benutzer nicht zuerst mit dem Dokument interagiert hat'?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!