2014年9月28日日曜日

動画ファイルをHTMLの再生ボタンで実行する

<audio>タグと同様で<video>タグにcontrolsを追加すると、再生ボタンが追加されます。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>サンプル</title>
</head>
<body>
<video controls>
    <source src="movie/movie1.mp4">
</video>
</body>
</html>

srcのファイルの位置の指定に間違いがなければ、


動画の下に再生ボタンが表示され、▶ボタンを押すことで動画が再生されます。

画像の引用
NHK CREATIVE LIBRARY

0 件のコメント:

コメントを投稿