video要素
属性
muted
初期状態が消音
loop
ブラウザーは映像の末尾に達すると、自動的に先頭に戻る
autoplay
データの読み込みが完了し、再生可能な状態になった時点で即座にコンテンツの再生が始まる
playsinline
要素の再生領域内で再生する
src
埋め込む映像コンテンツへの URL を指定する。この属性は省略可能。
埋め込む映像の指定には、video 要素のブロック内で <source> を使用することもできる
width
映像の表示領域の幅をピクセル値で指定
絶対値のみ。パーセント値は不可
(レスポンシブ全画面ならCSS側で設定できる)
controls
再生、音量、シーク、ポーズの各機能を制御するコントロールを表示する
使い方
※このタグは終了タグある。
sourceタグを使わない場合
code:html
<video src="/media/cc0-videos/flower.mp4" type="video/mp4"></video>
sourceタグを使う場合
code:html
<video controls width="250">
<source src="/media/cc0-videos/flower.webm" type="video/webm">
<source src="/media/cc0-videos/flower.mp4" type="video/mp4">
Sorry, your browser doesn't support embedded videos.
</video>