From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- .../api/htmlmediaelement/pause_event/index.html | 142 +++++++++++++++++++++ 1 file changed, 142 insertions(+) create mode 100644 files/ja/web/api/htmlmediaelement/pause_event/index.html (limited to 'files/ja/web/api/htmlmediaelement/pause_event') diff --git a/files/ja/web/api/htmlmediaelement/pause_event/index.html b/files/ja/web/api/htmlmediaelement/pause_event/index.html new file mode 100644 index 0000000000..bad57c46ac --- /dev/null +++ b/files/ja/web/api/htmlmediaelement/pause_event/index.html @@ -0,0 +1,142 @@ +--- +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")}}

+ + + + + +

関連情報

+ + -- cgit v1.2.3-54-g00ecf