Architect's Log

I'm a Cloud Architect. I'm highly motivated to reduce toils with driving DevOps.

video要素

動画を表します。

使用例

<!DOCTYPE html>
<html lang="ja">
<head>
<title>Hello! HTML5 Video></title>
<meta charset="UTF-8">
</head>
<body>
    <p>HTML5 Video</p>
    <video
        src="http://www.kaltura.com/p/203822/sp/20382200/serveFlavor/flavorId/1_w7yv05vq/name/1_w7yv05vq.mp4" 
        controls="controls" autoplay="autoplay" loop="loop" muted="muted" width="250" height="150">
        <p>ご使用のブラウザでは再生できません。</p>
    </video>
</body>

属性

src属性

再生するビデオファイルのアドレスを表します。

autoplay属性

再生可能になったら、すぐに再生を開始することを表します。

loop属性

再生が終了したら、最初に戻って再生を続けることを表します。

muted属性

音声をミュート状態にすることを表します。

controls属性

再生や停止などのUIを表示することを表します。

レンダリング