HTML リファレンスマニュアル

HTML タグ一覧

HTML オーディオ/video DOM currentTime 属性

currentTime 属性は、秒単位で現在のメディア要素の再生時間を返します。この属性を設定することで、メディア要素の現在の再生位置を変更できます。

オンラインサンプル

時間位置を設定する 5 秒：

サンプル

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8>
<title>HTML オーディオ/video currentTime 属性の使用-基本チュートリアル(oldtoolbag.com)</<title>
</<head>
<body>
<button onclick="getCurTime()" type="button">現在の時間位置を取得する</button>
<button onclick="setCurTime()" type="button">時間位置を設定する　5　秒</button>
<br>　
<video id="video"1" controls="controls">
　　<source src="movie.mp"4" type="video"/mp4>
　　<source src="movie.ogg" type="video"/>
　　あなたのブラウザはHTMLをサポートしていません5　video タグ。
</video>
<script>
myVid = document.getElementById("video"1;
function getCurTime()
{　
　　alert(myVid.currentTime);
}　
function　setCurTime()}
{　
　　myVid.currentTime=5;
}　
</script>　
</body>
</html>

テストしてみてください ‹/›

定義と使用方法

currentTime属性はオーディオを設定または返却します/動画再生の現在位置（秒で表します）。
この属性を設定すると、再生が指定された位置にジャンプします。

ブラウザの互換性

IEFirefoxOperaChromeSafari

すべての主要ブラウザは currentTime 属性をサポートしています。

注意：Internet Explorer 8 及びその以前のバージョンではこの属性をサポートしていません。

文法

currentTime 属性を設定：

audio|video.currentTime="seconds"

返却 currentTime 属性：

audio|video.currentTime

属性値

値	説明
seconds	オーディオを示す/動画再生の現在位置、秒で表します。

技術的詳細

返却値：	秒を表す数値

　HTML オーディオ/動画 DOM リファレンスマニュアル

HTML: <template> タグ