Skip to content

Commit

Permalink
Web/API/HTMLMediaElement/canplay_event 他4件を更新 (#22859)
Browse files Browse the repository at this point in the history
* 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>
  • Loading branch information
mfuji09 and github-actions[bot] authored Aug 5, 2024
1 parent 12303d4 commit 76e09cc
Show file tree
Hide file tree
Showing 5 changed files with 25 additions and 23 deletions.
4 changes: 2 additions & 2 deletions files/ja/web/api/htmlmediaelement/canplay_event/index.md
Original file line number Diff line number Diff line change
@@ -1,8 +1,9 @@
---
title: "HTMLMediaElement: canplay イベント"
short-title: canplay
slug: Web/API/HTMLMediaElement/canplay_event
l10n:
sourceCommit: 277e5969c63b97cfb55ab4a0e612e8040810f49b
sourceCommit: b71d118ffc6d72b77efad9661110fcc9ede464eb
---

{{APIRef("HTMLMediaElement")}}
Expand Down Expand Up @@ -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')}} イベント
Expand Down
21 changes: 12 additions & 9 deletions files/ja/web/api/htmlmediaelement/canplaythrough_event/index.md
Original file line number Diff line number Diff line change
@@ -1,8 +1,9 @@
---
title: "HTMLMediaElement: canplaythrough イベント"
short-title: canplaythrough
slug: Web/API/HTMLMediaElement/canplaythrough_event
l10n:
sourceCommit: 277e5969c63b97cfb55ab4a0e612e8040810f49b
sourceCommit: b71d118ffc6d72b77efad9661110fcc9ede464eb
---

{{APIRef("HTMLMediaElement")}}
Expand Down Expand Up @@ -32,22 +33,24 @@ oncanplaythrough = (event) => {};
`addEventListener()` を使用する場合:

```js
const video = document.querySelector('video');
const video = document.querySelector("video");

video.addEventListener('canplaythrough', (event) =&gt; {
console.log('バッファリングを止めることなく、' +
'動画全体を再生できると思います。');
video.addEventListener("canplaythrough", (event) => {
console.log(
"バッファリングを止めることなく、動画全体を再生できると思います。",
);
});
```

`oncanplaythrough` イベントハンドラープロパティを使用する場合:

```js
const video = document.querySelector('video');
const video = document.querySelector("video");

video.oncanplaythrough = (event) =&gt; {
console.log('バッファリングを止めることなく、' +
'動画全体を再生できると思います。');
video.oncanplaythrough = (event) => {
console.log(
"バッファリングを止めることなく、動画全体を再生できると思います。",
);
};
```

Expand Down
Original file line number Diff line number Diff line change
@@ -1,8 +1,9 @@
---
title: "HTMLMediaElement: durationchange イベント"
short-title: durationchange
slug: Web/API/HTMLMediaElement/durationchange_event
l10n:
sourceCommit: 277e5969c63b97cfb55ab4a0e612e8040810f49b
sourceCommit: b71d118ffc6d72b77efad9661110fcc9ede464eb
---

{{APIRef("HTMLMediaElement")}}
Expand All @@ -25,7 +26,7 @@ ondurationchange = (event) => {};

##

これらの例では、`HTMLMediaElement``durationchange` イベントのイベントリスナーを追加し、そのイベントハンドラがイベントの発生に反応したときにメッセージを投稿します
これらの例では、`HTMLMediaElement``durationchange` イベントのイベントリスナーを追加し、そのイベントハンドラーがイベントの発生に反応したときにメッセージを投稿します

`addEventListener()` を使用する場合:

Expand Down Expand Up @@ -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')}} イベント
Expand Down
6 changes: 3 additions & 3 deletions files/ja/web/api/htmlmediaelement/emptied_event/index.md
Original file line number Diff line number Diff line change
@@ -1,8 +1,9 @@
---
title: "HTMLMediaElement: emptied イベント"
short-title: emptied
slug: Web/API/HTMLMediaElement/emptied_event
l10n:
sourceCommit: 277e5969c63b97cfb55ab4a0e612e8040810f49b
sourceCommit: b71d118ffc6d72b77efad9661110fcc9ede464eb
---

{{APIRef("HTMLMediaElement")}}
Expand Down Expand Up @@ -39,7 +40,7 @@ video.addEventListener("emptied", (event) => {
});
```

`onemptied` イベントハンドラプロパティを使用する場合:
`onemptied` イベントハンドラープロパティを使用する場合:

```js
const video = document.querySelector("video");
Expand Down Expand Up @@ -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')}} イベント

## 関連情報
Expand Down
11 changes: 5 additions & 6 deletions files/ja/web/api/htmlmediaelement/loadedmetadata_event/index.md
Original file line number Diff line number Diff line change
@@ -1,8 +1,9 @@
---
title: "HTMLMediaElement: loadedmetadata イベント"
short-title: loadedmetadata
slug: Web/API/HTMLMediaElement/loadedmetadata_event
l10n:
sourceCommit: 277e5969c63b97cfb55ab4a0e612e8040810f49b
sourceCommit: b71d118ffc6d72b77efad9661110fcc9ede464eb
---

{{APIRef("HTMLMediaElement")}}
Expand All @@ -25,15 +26,15 @@ onloadedmetadata = (event) => {};

##

これらの例では、HTMLMediaElement の `loadedmetadata` イベントのイベントリスナーを追加し、そのイベントハンドラがイベントの発生に反応したときにメッセージを投稿します
これらの例では、HTMLMediaElement の `loadedmetadata` イベントのイベントリスナーを追加し、そのイベントハンドラーがイベントの発生に反応したときにメッセージを投稿します

`addEventListener()` を使用する場合:

```js
const video = document.querySelector("video");

video.addEventListener("loadedmetadata", (event) => {
console.log("メディアとトラックの長さと寸法は現在わかっています");
console.log("メディアとトラックの長さと寸法が分かりました");
});
```

Expand All @@ -43,7 +44,7 @@ video.addEventListener("loadedmetadata", (event) => {
const video = document.querySelector("video");

video.onloadedmetadata = (event) => {
console.log("メディアとトラックの長さと寸法は現在わかっています");
console.log("メディアとトラックの長さと寸法が分かりました");
};
```

Expand All @@ -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')}} イベント
Expand All @@ -82,4 +82,3 @@ video.onloadedmetadata = (event) => {
- {{domxref("HTMLVideoElement")}}
- {{HTMLElement("audio")}}
- {{HTMLElement("video")}}
- このイベントは Gecko の [音声 API 拡張](/ja/docs/Introducing_the_Audio_API_Extension)の一部です。

0 comments on commit 76e09cc

Please sign in to comment.