Repository navigation
Expand file tree
/
Copy pathindex.md
More file actions
88 lines (64 loc) · 3.33 KB
/
Copy pathindex.md
File metadata and controls
88 lines (64 loc) · 3.33 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
---
title: "HTMLMediaElement : évènement loadedmetadata"
short-title: loadedmetadata
slug: Web/API/HTMLMediaElement/loadedmetadata_event
l10n:
sourceCommit: f5e710f5c620c8d3c8b179f3b062d6bbdc8389ec
---
{{APIRef("HTMLMediaElement")}}
L'évènement **`loadedmetadata`** est déclenché lorsque les métadonnées ont été chargées.
## Syntaxe
Utilisez le nom de l'évènement dans des méthodes comme {{DOMxRef("EventTarget.addEventListener", "addEventListener()")}}, ou définissez une propriété de gestionnaire d'évènement.
```js-nolint
addEventListener("loadedmetadata", (event) => { })
onloadedmetadata = (event) => { }
```
## Type d'évènement
Un objet {{DOMxRef("Event")}} générique.
## Exemples
Ces exemples ajoutent un écouteur d'évènement pour l'évènement `loadedmetadata` de `HTMLMediaElement`, puis affichent un message lorsque ce gestionnaire d'évènement a réagi au déclenchement de l'évènement.
Utiliser `addEventListener()` :
```js
const video = document.querySelector("video");
video.addEventListener("loadedmetadata", (event) => {
console.log(
"La durée et les dimensions du média et des pistes sont maintenant connues.",
);
});
```
Utiliser la propriété de gestionnaire d'évènement `onloadedmetadata` :
```js
const video = document.querySelector("video");
video.onloadedmetadata = (event) => {
console.log(
"La durée et les dimensions du média et des pistes sont maintenant connues.",
);
};
```
## Spécifications
{{Specifications}}
## Compatibilité des navigateurs
{{Compat}}
## Évènements associés
- L'évènement {{DOMxRef("HTMLMediaElement.playing_event", "playing")}} de HTMLMediaElement
- L'évènement {{DOMxRef("HTMLMediaElement.waiting_event", "waiting")}} de HTMLMediaElement
- L'évènement {{DOMxRef("HTMLMediaElement.seeking_event", "seeking")}} de HTMLMediaElement
- L'évènement {{DOMxRef("HTMLMediaElement.seeked_event", "seeked")}} de HTMLMediaElement
- L'évènement {{DOMxRef("HTMLMediaElement.ended_event", "ended")}} de HTMLMediaElement
- L'évènement {{DOMxRef("HTMLMediaElement.loadeddata_event", "loadeddata")}} de HTMLMediaElement
- L'évènement {{DOMxRef("HTMLMediaElement.canplay_event", "canplay")}} de HTMLMediaElement
- L'évènement {{DOMxRef("HTMLMediaElement.canplaythrough_event", "canplaythrough")}} de HTMLMediaElement
- L'évènement {{DOMxRef("HTMLMediaElement.durationchange_event", "durationchange")}} de HTMLMediaElement
- L'évènement {{DOMxRef("HTMLMediaElement.timeupdate_event", "timeupdate")}} de HTMLMediaElement
- L'évènement {{DOMxRef("HTMLMediaElement.play_event", "play")}} de HTMLMediaElement
- L'évènement {{DOMxRef("HTMLMediaElement.pause_event", "pause")}} de HTMLMediaElement
- L'évènement {{DOMxRef("HTMLMediaElement.ratechange_event", "ratechange")}} de HTMLMediaElement
- L'évènement {{DOMxRef("HTMLMediaElement.volumechange_event", "volumechange")}} de HTMLMediaElement
- L'évènement {{DOMxRef("HTMLMediaElement.suspend_event", "suspend")}} de HTMLMediaElement
- L'évènement {{DOMxRef("HTMLMediaElement.emptied_event", "emptied")}} de HTMLMediaElement
- L'évènement {{DOMxRef("HTMLMediaElement.stalled_event", "stalled")}} de HTMLMediaElement
## Voir aussi
- L'interface {{DOMxRef("HTMLAudioElement")}}
- L'interface {{DOMxRef("HTMLVideoElement")}}
- L'élément HTML {{HTMLElement("audio")}}
- L'élément HTML {{HTMLElement("video")}}