currentTime IDL属性 * - 現在の再生位置（新）

■ 概要

項　　目説　　明
記述形式 media.currentTime [ = 再生位置 ]   
値 の形式 時間　（秒）   
対応ブラウザー C?+ / e?+ / N?+ / Fx?+ / Op?+ / Ch?+ / Sa?+   
適用可能な要素
（種　　類）		 <audio> *，<video> *　
（IDL属性）   
継　　承 しない

■ 解説

currentTime IDL属性 は，

audio 要素，video 要素 で，
再生中のメディアファイルの 現在の再生位置 を秒数で取得します。

実際に取得される値は，浮動小数点です。　また，値をセットして，再生位置を設定したり，変更したりできます。

■ 使用例（ currentTime IDL属性の利用）

HTMLソース
JavaScript
<head> ～ </head>		 
<script type="text/javascript"> 
<!--
  var v = document.getElementById("video");
    
  function getDuration() {
    //動画の長さ（秒）を表示
    document.getElementById("nagasa").innerHTML = v.duration;
  }
 
  function playVideo() {
    //再生完了の表示をクリア
    document.getElementById("kanryou").innerHTML = "";
    //動画を再生
    v.play();
    //現在の再生位置（秒）を表示
    v.addEventListener("timeupdate", function(){
      document.getElementById("ichi").innerHTML = v.currentTime;
    }, false);
    //再生完了を知らせる
    v.addEventListener("ended", function(){
      document.getElementById("kanryou").innerHTML = "動画の再生が完了しました。";
    }, false);
  }
    
  function pauseVideo() {
    //動画を一時停止
    v.pause();
  }
-->
</script>
HTML
<body> ～ </body>		 
<body onLoad="getDuration()"> 
  <video id="video" width="400" height="300"> 
    <source src="sample.mp4"> 
    <source src="sample.ogm"> 
  </video> 
  <div style="width:400px; background-color:#333333; color:#ffffff;"> 
    <input type="button" value="再生" onClick="playVideo()"> 
    <input type="button" value="一時停止" onClick="pauseVideo()"> 
    <span id="kanryou"> </span> <br> 
    現在（秒）：<span id="ichi"> 0</span> <br> 
    全体（秒）：<span id="nagasa"> </span> 
  </div> 
</body>

ブラウザー 表示例

現在（秒）： 0
全体（秒）：

■ 備考

【参考ページ】