Safari および Chrome デスクトップ ブラウザでビデオの自動再生が機能しない 質問する

Safari および Chrome デスクトップ ブラウザでビデオの自動再生が機能しない 質問する

次のようにビデオが埋め込まれている理由を理解するのにかなりの時間を費やしました。

<video height="256" loop autoplay muted controls id="vid">
         <source type="video/mp4" src="video_file.mp4"></source>
         <source type="video/ogg" src="video_file.ogg"></source>
</video>

Firefox ではページが読み込まれると自動的に再生が始まりますが、Webkit ベースのブラウザでは自動再生できません。これは一部のランダムなページでのみ発生しました。今のところ原因はわかりません。一部のタグが閉じられていないか、CMS エディタによって作成された JS が多すぎるのではないかと思います。

ベストアンサー1

私が得た最善の修正は、このコードを</video>

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

...きれいではないが、何とか機能する。

更新:muted最近多くのブラウザは音声をオフにした状態でのみ動画を自動再生できるので、動画タグにも属性を追加する必要があります。

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

おすすめ記事