<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>サンプル</title>
</head>
<body>
<video id="videosample">
<source src="movie/movie1.mp4">
</video>
</body>
</html>
idを付与したら、JavaScriptのコードを書いていきます。今回はボタンを設置して、onclickで関数を実行にしましょう。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>サンプル</title>
<script>
//動画を再生する
function execute(){
var video = document.querySelector("#videosample");
video.play();
}
</script>
</head>
<body>
<video id="videosample">
<source src="movie/movie1.mp4">
</video>
<input type="button" value="実行" onclick="execute();">
</body>
</html>
document.querySelector()でvideoタグを取得して、video.play();と書くことで、<video>タグで指定した動画ファイルを実行することができます。
※動画ファイルを停止する時は、video.pause();を使います。
0 件のコメント:
コメントを投稿