【HTML】ビデオファイルを埋め込むには？各種設定の仕方を解説します。

<video>タグで囲む

<video>タグには閉じタグ</video>がありますが、間に文章を書くことはできません。


          <video src="ビデオファイルのパス"></video>

しかし、これだけでは表示されますが、再生されません。クリックしても、うんともすんとも言いません。以下の設定をしなければなりません。

<video>タグ内にcontrolsを加えるだけで、再生ボタン、音量調整などのコントロールパネルが現れます。


          <video src="ビデオファイルのパス" controls></video>

autoplayと記述すると、一回だけ自動で再生されます。もう一度再生させるためには、再度読み込まなければなりません。


          <video src="ビデオファイルのパス" autoplay></video>

autoplayとloopを記述すると、自動再生を繰り返ししてくれます。


          <video src="ビデオファイルのパス" autoplay loop></video>

widthで幅を指定できます。


          <video style="width: 50%;"src="ビデオファイルのパス" autoplay
          loop></video>

HTMLにビデオファイルを埋め込む方法を解説しました。

ビデオファイルを<video>タグで囲む

controlsでコントロールパネルを出す。

autoplayで一回だけ自動再生

autoplayとloopで自動再生を繰り返す

widthで幅を指定