From 76e09cc03a9fd273f90a03b4aa7aaad87db5b100 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Tue, 6 Aug 2024 08:30:08 +0900 Subject: [PATCH] =?UTF-8?q?Web/API/HTMLMediaElement/canplay=5Fevent=20?= =?UTF-8?q?=E4=BB=964=E4=BB=B6=E3=82=92=E6=9B=B4=E6=96=B0=20(#22859)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * 2024/07/25 時点の英語版に基づき更新 * Update files/ja/web/api/htmlmediaelement/canplaythrough_event/index.md Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> * Update files/ja/web/api/htmlmediaelement/canplaythrough_event/index.md Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> --------- Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> --- .../htmlmediaelement/canplay_event/index.md | 4 ++-- .../canplaythrough_event/index.md | 21 +++++++++++-------- .../durationchange_event/index.md | 6 +++--- .../htmlmediaelement/emptied_event/index.md | 6 +++--- .../loadedmetadata_event/index.md | 11 +++++----- 5 files changed, 25 insertions(+), 23 deletions(-) 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)の一部です。