指定した秒数から映像を再生する
説明
指定した秒数から映像を再生するにはcurrentTimeプロパティに再生を開始したい秒数を指定した後、play()メソッドを呼び出します。[サンプルはFirefxo 3.6以降、Safari 4以降、Chromeで動作]
サンプルプログラム
【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" controls>
<source src="movie/sunflower.mov">
<source src="movie/sunflower.ogg">
</video>
<form>
<input type="text" value="5" id="ctime" name="ctime" size="6">
<input type="button" value="指定した秒数から再生" onclick="playVideo()">
</form>
</body>
</html>
【sample.js】
function playVideo(){
var vObj = document.getElementById("myVideo");
var sec = document.getElementById("ctime").value;
vObj.currentTime = sec;
vObj.play();
}