Automain video tidak berfungsi dalam penyemak imbas desktop Safari dan Chrome
P粉667649253
2023-08-23 19:41:34
<p>Saya menghabiskan banyak masa mencuba untuk mengetahui sebab video itu dibenamkan seperti ini: </p>
<pre class="brush:php;toolbar:false;"><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></pre>
<p>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. </p>
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
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). p>Berdasarkan post ini daripada developers.google. com, Bermula dengan Chrome 53, penyemak imbas akan menghormati pilihan automain jika video diredamkan.
Jadi menggunakan atribut
autoplay muteddalam teg video akan menjadikan video automain dalam Chrome versi 53 dan ke atas.Dipetik dari pautan di atas:
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
mutedpada teg video