--- title: 'HTMLMediaElement: pause イベント' slug: Web/API/HTMLMediaElement/pause_event tags: - Audio - Event - HTML - HTMLMediaElement - Media - Media Events - Pausing - Pausing Media - Pausing Speech - Speech Events - Video - Web Speech API - Web Speech Events - events - pause - speech translation_of: Web/API/HTMLMediaElement/pause_event ---
{{APIRef("HTMLMediaElement")}}

pause イベントは、動作の一時停止のリクエストが処理され、動作が一時状態に入ったときに送信されるものであり、メディアが要素の {{domxref("HTMLMediaElement.pause", "pause()")}} の呼び出しを通して一時停止した後が最も一般的です。イベントは pause() メソッドから戻り、メディア要素の {{domxref("HTMLMediaElement.paused", "paused")}} プロパティが true に変化した後で一度送信されます。

基本情報

バブリング なし
キャンセル可能 いいえ
インターフェイス {{DOMxRef("Event")}}
対象 Element
既定のアクション なし
イベントハンドラープロパティ {{domxref("GlobalEventHandlers.onpause")}}
仕様書 HTML5 media

これらの例は、 HTMLMediaElement の pause イベントにイベントリスナーを追加してから、イベントが発生したことでイベントハンドラーが動作したときにメッセージをポストします。

addEventListener() を使用した例:

const video = document.querySelector('video');

video.addEventListener('pause', (event) => {
  console.log('The Boolean paused property is now true. Either the ' +
  'pause() method was called or the autoplay attribute was toggled.');
});

onpause イベントハンドラープロパティを使用した例:

const video = document.querySelector('video');

video.onpause = (event) => {
  console.log('The Boolean paused property is now true. Either the ' +
  'pause() method was called or the autoplay attribute was toggled.');
};

仕様書

仕様書 状態
{{SpecName('HTML WHATWG', "media.html#event-media-pause", "pause media event")}} {{Spec2('HTML WHATWG')}}
{{SpecName('HTML5 W3C', "embedded-content-0.html#event-media-pause", "pause media event")}} {{Spec2('HTML5 W3C')}}

ブラウザーの対応

{{Compat("api.HTMLMediaElement.pause_event")}}

関連情報