2014年9月28日日曜日

動画ファイルを設置する

動画ファイルを読み込むときは<video>タグを使います。<video>タグは<audio>タグと同様で、ファイルの指定は<video>タグ内に追加した<source>タグで指定します。

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

audio同様、<video>タグで設定は完了ですが、開いてみると


動画は表示されるのですが、動画の再生を行うことができません。再生するためにはHTMLで実行用の再生ボタンを用意するか、JavaScriptで実行用の関数を用意しなければなりません。

画像の引用
NHK CREATIVE LIBRARY

0 件のコメント:

コメントを投稿