English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

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

HTML タグ一覧

HTML オーディオ/ビデオDOM pauseイベント

メディア再生を一時停止すると、pauseイベントがトリガーされ、メディアが一時停止状態に入ります。最も一般的にはpause()メソッドを使用してトリガーされます。pause()がトリガーされると、pause状態が変更されますが、1回数があり、メディアのpauseがtrueに変わります。

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

オンライン例

ビデオが一時停止されたときにポップアップメッセージを表示します:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTMLオーディオ/ビデオonpauseイベントの使用-基本チュートリアル(oldtoolbag.com)</title>
</head>
<body>
<p>ビデオ再生および一時停止。</p>
<video id="myVideo" width="320" height="176" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  あなたのブラウザはHTMLをサポートしていません5 video  タグ。
</video>
<script>
var vid = document.getElementById("myVideo");
vid.onpause = function() 
{
    alert("ビデオ再生が一時停止されました");
};
</script> 
</body>
</html>
テストを見てみる ‹/›

定義と使用法

pauseイベントがオーディオ/ビデオ(オーディオ)/ビデオ(オーディオ)が一時停止されたときにトリガーされます。

ヒント:  play イベントがオーディオ/ビデオ(オーディオ)/ビデオが再生を開始したとき(または一時停止を解除)にトリガーされます。

ブラウザの互換性

IEFirefoxOperaChromeSafari

文法

HTMLで:

<audio|video onpause="myScript">試してみてください

JavaScriptで:

audio|video.onpause=function(){myScript};試してみてください

JavaScriptで、addEventListener()メソッドを使用して:

audio|video.addEventListener("pause", myScript);試してみてください

注意: Internet Explorer 8 およびもっと古い IE バージョンではサポートされません addEventListener() メソッド。

技術的詳細
サポートされる HTML タグ:<audio>および<video>
サポートされる JavaScript オブジェクト:オーディオ、ビデオ

オンライン例

オーディオ再生が一時停止されたときにポップアップメッセージを表示します:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML オーディオ再生停止onpause イベントの使用-基本チュートリアル(oldtoolbag.com)</title>
</head>
<body>
<p>オーディオ再生および停止。</p>
<audio id="myAudio" controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
  あなたのブラウザは audio 要素をサポートしていません。
</audio>
<script>
var aud = document.getElementById("myAudio");
aud.onpause = function() 
{
    alert("オーディオ再生停止");
};
</script>
</body>
</html>
テストを見てみる ‹/›
HTML オーディオ/ビデオ DOM リファレンスマニュアル