このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

video”要素~“loop”属性

記事May 14th,2016
July 7th,2020
再生が終わったらまた最初から再生する属性
この記事はHTML Living Standardに対応しています。
この記事はHTML Living Standardに対応しています。

loop”属性について

loop”属性は動画ファイルの再生が終わったらまた最初から再生されるループ再生を指定します。

指定できる値

属性値 説明
loop 再生が終わったらまた最初から再生する

属性値は省略できます。

サンプルコード

属性値を省略
<p>
<video loop controls style=" max-width: 100%;">
<source src="sample.mp4" type="video/mp4">
<source src="sample.webm" type="video/webm">
<source src="sample.ogv" type="video/ogg">
動画ファイルを再生できません
</video>
</p>

属性値を省略しない
<p>
<video loop="loop" controls style=" max-width: 100%;">
<source src="sample.mp4" type="video/mp4">
<source src="sample.webm" type="video/webm">
<source src="sample.ogv" type="video/ogg">
動画ファイルを再生できません
</video>
</p>
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク