映像をボタンクリックで再生する
説明
videoタグで指定された映像をボタンクリックで再生するにはvideoタグに対してplay()メソッドを呼び出します。これで映像が再生されます。
サンプルプログラム
【HTML】
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>Sample</title>
<link rel="stylesheet" href="css/main.css" type="text/css" media="all">
<script type="text/javascript" src="js/sample.js"></script>
</head>
<body>
<h1>映像を再生する</h1>
<video id="myVideo">
<source src="movie/sunflower.mov">
<source src="movie/sunflower.ogg">
</video>
<form>
<input type="button" onclick="playVideo()" value="再生する">
</form>
</body>
</html>
【sample.js】
function playVideo(){
var vObj = document.getElementById("myVideo");
vObj.play();
}