Bagaimana untuk mengendalikan "DOMException yang tidak ditangkap (dalam janji): play() gagal kerana pengguna tidak berinteraksi dengan dokumen terlebih dahulu pada desktop menggunakan Chrome 66?

Question

Saya menerima mesej ralat..

Tidak ditangkap (dengan janji) DOMException: play() gagal kerana pengguna tidak berinteraksi dengan dokumen terlebih dahulu.

..Apabila cuba memainkan video pada desktop menggunakan Chrome versi 66.

Saya telah menemui iklan yang mula dimainkan secara automatik di tapak, tetapi dengan HTML berikut:

<video
    title="Iklan"
    webkit-playsinline="true"
    playsinline="benar"
    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>

Memintas penyekat automain Chrome v66 adalah sangat mudah, cuma tambah webkit-playsinline="true", playsinline="true"autoplay=" " atribut kod> dan elemen? Adakah ini akan membawa kesan negatif?

Answer 1

Untuk membuat automain elemen html 5 selepas kemas kini chrome 66, anda hanya perlu menambah atribut muted pada elemen video.

Jadi HTML video semasa anda

<video
    title="Advertisement"
    webkit-playsinline="true"
    playsinline="true"
    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>

Hanya perlumuted="muted"

<video
    title="Advertisement"
    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="true"
    muted="muted"></video>

Saya percaya kemas kini chrome 66 cuba menghentikan tab daripada membuat bunyi rawak pada tab pengguna. Itulah sebabnya atribut bisu menjadikan automain berfungsi semula.