Bagaimana untuk Membetulkan \'play() Chrome gagal kerana pengguna tidak berinteraksi dengan dokumen dahulu\' Ralat Autoplay?

Mengendalikan "Uncaught (dalam janji) DOMException: play() gagal kerana pengguna tidak berinteraksi dengan dokumen dahulu" Ralat dalam Chrome 66 untuk Desktop

Apabila cuba memainkan video pada desktop menggunakan Chrome versi 66, pengguna mungkin menghadapi ralat berikut mesej:

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

Ralat ini timbul daripada penyekat automain baharu Chrome, yang mengehadkan main balik video automatik tanpa interaksi pengguna. Untuk memintas sekatan ini, hanya menambah atribut berikut pada

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

Penyelesaian

Untuk mendayakan automain dalam Chrome 66 untuk desktop, atribut yang diredam mesti ditambahkan pada elemen video. Harta ini memastikan bahawa video mula dimainkan secara senyap, dengan berkesan memenuhi keperluan interaksi pengguna yang ditetapkan oleh Chrome.

HTML Video Yang Dikemas Kini

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

Akibat Penggunaan Atribut "diredamkan"

Menggunakan atribut yang diredamkan mempunyai perkara berikut akibat:

• Video akan dimainkan secara automatik tanpa interaksi pengguna.
• Output audio akan diredamkan.
• Pengguna masih perlu berinteraksi dengan video (cth. , togol kelantangan atau alih keluar redam) untuk mendengar audio.

Pendekatan ini membolehkan automain sambil masih menyediakan pengguna dengan kawalan yang diperlukan ke atas main balik audio, dengan itu mengurangkan kemungkinan akibat negatif yang dikaitkan dengan automain yang dinyahredamkan.

Atas ialah kandungan terperinci Bagaimana untuk Membetulkan 'play() Chrome gagal kerana pengguna tidak berinteraksi dengan dokumen dahulu' Ralat Autoplay?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!