Die automatische Wiedergabe von Videos funktioniert in den Desktop-Browsern Safari und Chrome nicht
P粉667649253
2023-08-23 19:41:34
<p>Ich habe viel Zeit damit verbracht herauszufinden, warum das Video so eingebettet wurde: </p>
<pre class="brush:php;toolbar:false;"><video height="256" Schleife Autoplay stummgeschaltete Steuerelemente id="vid">
<source type="video/mp4" src="video_file.mp4"></source>
<source type="video/ogg" src="video_file.ogg"></source>
</video></pre>
<p>Autoplay beginnt nach dem Laden der Seite in FireFox, erfolgt jedoch nicht automatisch in Webkit-basierten Browsern. Dies geschieht nur auf einigen zufälligen Seiten. Bisher kann ich den Grund nicht finden. Ich vermute, dass der CMS-Editor einige nicht geschlossene Tags oder viel JS erstellt hat. </p>
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
按照其他答案的建议使用 jQuery
play()或 DOM 操作后，它在 Android 版 Chrome（版本 56.0）中仍然无法正常工作（视频无法自动播放）。 p>根据 developers.google 中的这篇帖子。 com，从 Chrome 53 开始，如果视频静音，浏览器会遵循自动播放选项。
因此，在视频标记中使用
autoplay muted属性可以使视频在版本 53 及以上的 Chrome 浏览器中自动播放。摘自上述链接：
我能得到的最佳解决方案是在
之后添加此代码<script> document.getElementById('vid').play(); </script>...不漂亮，但不知何故有效。
更新 最近很多浏览器只能自动播放关闭声音的视频，所以你还需要在视频标签中添加
muted属性