diff --git a/files/ja/web/api/htmlmediaelement/canplay_event/index.md b/files/ja/web/api/htmlmediaelement/canplay_event/index.md index 0ba14c57bf3400..08a51cfceae57e 100644 --- a/files/ja/web/api/htmlmediaelement/canplay_event/index.md +++ b/files/ja/web/api/htmlmediaelement/canplay_event/index.md @@ -1,8 +1,9 @@ --- title: "HTMLMediaElement: canplay イベント" +short-title: canplay slug: Web/API/HTMLMediaElement/canplay_event l10n: - sourceCommit: 277e5969c63b97cfb55ab4a0e612e8040810f49b + sourceCommit: b71d118ffc6d72b77efad9661110fcc9ede464eb --- {{APIRef("HTMLMediaElement")}} @@ -70,7 +71,6 @@ video.oncanplay = (event) => { - HTMLMediaElement {{domxref("HTMLMediaElement.ended_event", 'ended')}} イベント - HTMLMediaElement {{domxref("HTMLMediaElement.loadedmetadata_event", 'loadedmetadata')}} イベント - HTMLMediaElement {{domxref("HTMLMediaElement.loadeddata_event", 'loadeddata')}} イベント -- HTMLMediaElement {{domxref("HTMLMediaElement.canplay_event", 'canplay')}} イベント - HTMLMediaElement {{domxref("HTMLMediaElement.canplaythrough_event", 'canplaythrough')}} イベント - HTMLMediaElement {{domxref("HTMLMediaElement.durationchange_event", 'durationchange')}} イベント - HTMLMediaElement {{domxref("HTMLMediaElement.timeupdate_event", 'timeupdate')}} イベント diff --git a/files/ja/web/api/htmlmediaelement/canplaythrough_event/index.md b/files/ja/web/api/htmlmediaelement/canplaythrough_event/index.md index 846946f9b95dbe..0911fd6fac6d03 100644 --- a/files/ja/web/api/htmlmediaelement/canplaythrough_event/index.md +++ b/files/ja/web/api/htmlmediaelement/canplaythrough_event/index.md @@ -1,8 +1,9 @@ --- title: "HTMLMediaElement: canplaythrough イベント" +short-title: canplaythrough slug: Web/API/HTMLMediaElement/canplaythrough_event l10n: - sourceCommit: 277e5969c63b97cfb55ab4a0e612e8040810f49b + sourceCommit: b71d118ffc6d72b77efad9661110fcc9ede464eb --- {{APIRef("HTMLMediaElement")}} @@ -32,22 +33,24 @@ oncanplaythrough = (event) => {}; `addEventListener()` を使用する場合: ```js -const video = document.querySelector('video'); +const video = document.querySelector("video"); -video.addEventListener('canplaythrough', (event) => { - console.log('バッファリングを止めることなく、' + - '動画全体を再生できると思います。'); +video.addEventListener("canplaythrough", (event) => { + console.log( + "バッファリングを止めることなく、動画全体を再生できると思います。", + ); }); ``` `oncanplaythrough` イベントハンドラープロパティを使用する場合: ```js -const video = document.querySelector('video'); +const video = document.querySelector("video"); -video.oncanplaythrough = (event) => { - console.log('バッファリングを止めることなく、' + - '動画全体を再生できると思います。'); +video.oncanplaythrough = (event) => { + console.log( + "バッファリングを止めることなく、動画全体を再生できると思います。", + ); }; ``` diff --git a/files/ja/web/api/htmlmediaelement/durationchange_event/index.md b/files/ja/web/api/htmlmediaelement/durationchange_event/index.md index 54f601f5fc0cad..36691a86b2b814 100644 --- a/files/ja/web/api/htmlmediaelement/durationchange_event/index.md +++ b/files/ja/web/api/htmlmediaelement/durationchange_event/index.md @@ -1,8 +1,9 @@ --- title: "HTMLMediaElement: durationchange イベント" +short-title: durationchange slug: Web/API/HTMLMediaElement/durationchange_event l10n: - sourceCommit: 277e5969c63b97cfb55ab4a0e612e8040810f49b + sourceCommit: b71d118ffc6d72b77efad9661110fcc9ede464eb --- {{APIRef("HTMLMediaElement")}} @@ -25,7 +26,7 @@ ondurationchange = (event) => {}; ## 例 -これらの例では、`HTMLMediaElement` の `durationchange` イベントのイベントリスナーを追加し、そのイベントハンドラがイベントの発生に反応したときにメッセージを投稿します。 +これらの例では、`HTMLMediaElement` の `durationchange` イベントのイベントリスナーを追加し、そのイベントハンドラーがイベントの発生に反応したときにメッセージを投稿します。 `addEventListener()` を使用する場合: @@ -66,7 +67,6 @@ video.ondurationchange = (event) => { - HTMLMediaElement {{domxref("HTMLMediaElement.loadeddata_event", 'loadeddata')}} イベント - HTMLMediaElement {{domxref("HTMLMediaElement.canplay_event", 'canplay')}} イベント - HTMLMediaElement {{domxref("HTMLMediaElement.canplaythrough_event", 'canplaythrough')}} イベント -- HTMLMediaElement {{domxref("HTMLMediaElement.durationchange_event", 'durationchange')}} イベント - HTMLMediaElement {{domxref("HTMLMediaElement.timeupdate_event", 'timeupdate')}} イベント - HTMLMediaElement {{domxref("HTMLMediaElement.play_event", 'play')}} イベント - HTMLMediaElement {{domxref("HTMLMediaElement.pause_event", 'pause')}} イベント diff --git a/files/ja/web/api/htmlmediaelement/emptied_event/index.md b/files/ja/web/api/htmlmediaelement/emptied_event/index.md index 461cb452fbf62a..71e1411f4e18bf 100644 --- a/files/ja/web/api/htmlmediaelement/emptied_event/index.md +++ b/files/ja/web/api/htmlmediaelement/emptied_event/index.md @@ -1,8 +1,9 @@ --- title: "HTMLMediaElement: emptied イベント" +short-title: emptied slug: Web/API/HTMLMediaElement/emptied_event l10n: - sourceCommit: 277e5969c63b97cfb55ab4a0e612e8040810f49b + sourceCommit: b71d118ffc6d72b77efad9661110fcc9ede464eb --- {{APIRef("HTMLMediaElement")}} @@ -39,7 +40,7 @@ video.addEventListener("emptied", (event) => { }); ``` -`onemptied` イベントハンドラプロパティを使用する場合: +`onemptied` イベントハンドラープロパティを使用する場合: ```js const video = document.querySelector("video"); @@ -75,7 +76,6 @@ video.onemptied = (event) => { - HTMLMediaElement {{domxref("HTMLMediaElement.ratechange_event", 'ratechange')}} イベント - HTMLMediaElement {{domxref("HTMLMediaElement.volumechange_event", 'volumechange')}} イベント - HTMLMediaElement {{domxref("HTMLMediaElement.suspend_event", 'suspend')}} イベント -- HTMLMediaElement {{domxref("HTMLMediaElement.emptied_event", 'emptied')}} イベント - HTMLMediaElement {{domxref("HTMLMediaElement.stalled_event", 'stalled')}} イベント ## 関連情報 diff --git a/files/ja/web/api/htmlmediaelement/loadedmetadata_event/index.md b/files/ja/web/api/htmlmediaelement/loadedmetadata_event/index.md index 5c801e670fd342..0515032473de03 100644 --- a/files/ja/web/api/htmlmediaelement/loadedmetadata_event/index.md +++ b/files/ja/web/api/htmlmediaelement/loadedmetadata_event/index.md @@ -1,8 +1,9 @@ --- title: "HTMLMediaElement: loadedmetadata イベント" +short-title: loadedmetadata slug: Web/API/HTMLMediaElement/loadedmetadata_event l10n: - sourceCommit: 277e5969c63b97cfb55ab4a0e612e8040810f49b + sourceCommit: b71d118ffc6d72b77efad9661110fcc9ede464eb --- {{APIRef("HTMLMediaElement")}} @@ -25,7 +26,7 @@ onloadedmetadata = (event) => {}; ## 例 -これらの例では、HTMLMediaElement の `loadedmetadata` イベントのイベントリスナーを追加し、そのイベントハンドラがイベントの発生に反応したときにメッセージを投稿します。 +これらの例では、HTMLMediaElement の `loadedmetadata` イベントのイベントリスナーを追加し、そのイベントハンドラーがイベントの発生に反応したときにメッセージを投稿します。 `addEventListener()` を使用する場合: @@ -33,7 +34,7 @@ onloadedmetadata = (event) => {}; const video = document.querySelector("video"); video.addEventListener("loadedmetadata", (event) => { - console.log("メディアとトラックの長さと寸法は現在わかっています。"); + console.log("メディアとトラックの長さと寸法が分かりました。"); }); ``` @@ -43,7 +44,7 @@ video.addEventListener("loadedmetadata", (event) => { const video = document.querySelector("video"); video.onloadedmetadata = (event) => { - console.log("メディアとトラックの長さと寸法は現在わかっています。"); + console.log("メディアとトラックの長さと寸法が分かりました。"); }; ``` @@ -62,7 +63,6 @@ video.onloadedmetadata = (event) => { - HTMLMediaElement {{domxref("HTMLMediaElement.seeking_event", 'seeking')}} イベント - HTMLMediaElement {{domxref("HTMLMediaElement.seeked_event", 'seeked')}} イベント - HTMLMediaElement {{domxref("HTMLMediaElement.ended_event", 'ended')}} イベント -- HTMLMediaElement {{domxref("HTMLMediaElement.loadedmetadata_event", 'loadedmetadata')}} イベント - HTMLMediaElement {{domxref("HTMLMediaElement.loadeddata_event", 'loadeddata')}} イベント - HTMLMediaElement {{domxref("HTMLMediaElement.canplay_event", 'canplay')}} イベント - HTMLMediaElement {{domxref("HTMLMediaElement.canplaythrough_event", 'canplaythrough')}} イベント @@ -82,4 +82,3 @@ video.onloadedmetadata = (event) => { - {{domxref("HTMLVideoElement")}} - {{HTMLElement("audio")}} - {{HTMLElement("video")}} -- このイベントは Gecko の [音声 API 拡張](/ja/docs/Introducing_the_Audio_API_Extension)の一部です。