Rumah > hujung hadapan web > tutorial js > Bagaimana untuk Memainkan Video Secara Automatik dalam Chrome 66 tanpa Interaksi Pengguna?

Bagaimana untuk Memainkan Video Secara Automatik dalam Chrome 66 tanpa Interaksi Pengguna?

Linda Hamilton
Lepaskan: 2024-11-17 11:55:02
asal
435 orang telah melayarinya

How to Play Videos Automatically in Chrome 66 without User Interaction?

Cara mengendalikan "DOMException yang tidak ditangkap (dalam janji): play() gagal kerana pengguna tidak pernah berinteraksi dengan dokumen sebelum ini."

Menggunakan Chrome 66 Semasa memainkan video pada versi desktop, saya menemui mesej ralat:


Uncaught (dalam janji) DOMException: play() Main balik gagal kerana pengguna tidak berinteraksi dengan dokumen sebelum ini.


Apabila cuba menggunakan HTML berikut Semasa memainkan video pada desktop, saya menjumpai iklan automain:

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></p>
<p>

Jadi , Adakah saya hanya perlu menambah webkit-playsinline="true", playsinline="true" dan autoplay="" pada elemen

Jawapan

Untuk membuat automain elemen HTML 5 selepas kemas kini Chrome 66, cuma tambahkan atribut yang diredamkan pada elemen video.

Jadi HTML video sebelumnya menjadi:

title="Advertisement"
webkit-playsinline="true"
playsinline="true"
muted
style="background-color: rgb(0, 0, 0); position: absolute; width: 640px; height: 360px;"
src="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4"
autoplay=""></video></p>
<p>

Atas ialah kandungan terperinci Bagaimana untuk Memainkan Video Secara Automatik dalam Chrome 66 tanpa Interaksi Pengguna?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan