---
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")}}
- {{domxref("HTMLMediaElement.playing_event", 'HTMLMediaElement: playing イベント')}}
- {{domxref("HTMLMediaElement.waiting_event", 'HTMLMediaElement: waiting イベント')}}
- {{domxref("HTMLMediaElement.seeking_event", 'HTMLMediaElement: seeking イベント')}}
- {{domxref("HTMLMediaElement.seeked_event", 'HTMLMediaElement: seeked イベント')}}
- {{domxref("HTMLMediaElement.ended_event", 'HTMLMediaElement: ended イベント')}}
- {{domxref("HTMLMediaElement.loadedmetadata_event", 'HTMLMediaElement: loadedmetadata イベント')}}
- {{domxref("HTMLMediaElement.loadeddata_event", 'HTMLMediaElement: loadeddata イベント')}}
- {{domxref("HTMLMediaElement.canplay_event", 'HTMLMediaElement: canplay イベント')}}
- {{domxref("HTMLMediaElement.canplaythrough_event", 'HTMLMediaElement: canplaythrough イベント')}}
- {{domxref("HTMLMediaElement.durationchange_event", 'HTMLMediaElement: durationchange イベント')}}
- {{domxref("HTMLMediaElement.timeupdate_event", 'HTMLMediaElement: timeupdate イベント')}}
- {{domxref("HTMLMediaElement.play_event", 'HTMLMediaElement: play イベント')}}
- {{domxref("HTMLMediaElement.pause_event", 'HTMLMediaElement: pause イベント')}}
- {{domxref("HTMLMediaElement.ratechange_event", 'HTMLMediaElement: ratechange イベント')}}
- {{domxref("HTMLMediaElement.volumechange_event", 'HTMLMediaElement: volumechange イベント')}}
- {{domxref("HTMLMediaElement.suspend_event", 'HTMLMediaElement: suspend イベント')}}
- {{domxref("HTMLMediaElement.emptied_event", 'HTMLMediaElement: emptied イベント')}}
- {{domxref("HTMLMediaElement.stalled_event", 'HTMLMediaElement: stalled イベント')}}
関連情報
- {{domxref("HTMLAudioElement")}}
- {{domxref("HTMLVideoElement")}}
- {{HTMLElement("audio")}}
- {{HTMLElement("video")}}
- {{domxref("SpeechSynthesisUtterance")}}