Automain video tidak berfungsi dalam penyemak imbas desktop Safari dan Chrome

Question

Saya menghabiskan banyak masa mencuba untuk mengetahui sebab video itu dibenamkan seperti ini:

<video height="256" gelung automain diredam kawalan id="vid">
         <jenis sumber="video/mp4" src="video_file.mp4"></source>
         <source type="video/ogg" src="video_file.ogg"></source>
</video>

Automain bermula selepas halaman dimuatkan dalam FireFox, tetapi tidak automain dalam penyemak imbas berasaskan Webkit. Ini hanya berlaku pada beberapa halaman rawak. Setakat ini saya tidak dapat mencari sebabnya. Saya mengesyaki editor CMS mencipta beberapa teg tidak tertutup atau banyak JS.

Answer 1

Selepas menggunakan jQuery play() atau manipulasi DOM seperti yang dicadangkan oleh jawapan lain, ia masih tidak berfungsi dengan betul dalam Chrome untuk Android (versi 56.0) (video tidak automain).

Berdasarkan post ini daripada developers.google. com, Bermula dengan Chrome 53, penyemak imbas akan menghormati pilihan automain jika video diredamkan.

Jadi menggunakan atribut autoplay muted dalam teg video akan menjadikan video automain dalam Chrome versi 53 dan ke atas.

Dipetik dari pautan di atas:

Answer 2

Penyelesaian terbaik yang saya boleh dapatkan ialah menambah kod ini selepas

<script>
    document.getElementById('vid').play();
</script>

...tak cantik, tapi entah bagaimana berkesan.

Dikemas kini Baru-baru ini, banyak penyemak imbas hanya boleh memainkan video secara automatik dengan bunyi dimatikan, jadi anda juga perlu menambahkan atribut muted pada teg video

<video autoplay muted>
...
</video>