diff options
Diffstat (limited to 'files/fr/web/api/htmlmediaelement/abort_event/index.md')
-rw-r--r-- | files/fr/web/api/htmlmediaelement/abort_event/index.md | 94 |
1 files changed, 40 insertions, 54 deletions
diff --git a/files/fr/web/api/htmlmediaelement/abort_event/index.md b/files/fr/web/api/htmlmediaelement/abort_event/index.md index 2708b7193f..77cf2c3790 100644 --- a/files/fr/web/api/htmlmediaelement/abort_event/index.md +++ b/files/fr/web/api/htmlmediaelement/abort_event/index.md @@ -10,37 +10,40 @@ tags: - abort translation_of: Web/API/HTMLMediaElement/abort_event --- -<div>{{APIRef}}</div> +{{APIRef}} -<p>L'événement <strong><code>abort</code></strong> se déclenche si l'élément écouté ne s'est pas chargé complétement. Il est désactivé si le résultat obtenu est une erreur.</p> +L'événement **`abort`** se déclenche si l'élément écouté ne s'est pas chargé complétement. Il est désactivé si le résultat obtenu est une erreur. <table class="properties"> - <tbody> - <tr> - <th scope="row">Bubbles</th> - <td>No</td> - </tr> - <tr> - <th scope="row">Cancelable</th> - <td>No</td> - </tr> - <tr> - <th scope="row">Interface</th> - <td>{{domxref("Event")}}</td> - </tr> - <tr> - <th scope="row">Event handler property</th> - <td>{{domxref("GlobalEventHandlers/onabort", "onabort")}}</td> - </tr> - </tbody> + <tbody> + <tr> + <th scope="row">Bubbles</th> + <td>No</td> + </tr> + <tr> + <th scope="row">Cancelable</th> + <td>No</td> + </tr> + <tr> + <th scope="row">Interface</th> + <td>{{domxref("Event")}}</td> + </tr> + <tr> + <th scope="row">Event handler property</th> + <td> + {{domxref("GlobalEventHandlers/onabort", "onabort")}} + </td> + </tr> + </tbody> </table> -<h2 id="Exemples">Exemples</h2> +## Exemples -<pre class="brush: js">const video = document.querySelector('video'); +```js +const video = document.querySelector('video'); const videoSrc = 'https://path/to/video.webm'; -video.addEventListener('abort', () => { +video.addEventListener('abort', () => { console.log(`Abort loading: ${videoSrc}`); }); @@ -48,40 +51,23 @@ const source = document.createElement('source'); source.setAttribute('src', videoSrc); source.setAttribute('type', 'video/webm'); -video.appendChild(source);</pre> +video.appendChild(source); +``` -<h2 id="Spécifications">Spécifications</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Specification</th> - <th scope="col">Status</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('HTML WHATWG', "media.html#event-media-abort")}}</td> - <td>{{Spec2('HTML WHATWG')}}</td> - </tr> - <tr> - <td>{{SpecName('HTML5 W3C', "embedded-content-0.html#event-media-abort")}}</td> - <td>{{Spec2('HTML5 W3C')}}</td> - </tr> - </tbody> -</table> - -<h2 id="Compatibilité_navigateurs">Compatibilité navigateurs</h2> +## Spécifications +| Specification | Status | +| -------------------------------------------------------------------------------------------- | -------------------------------- | +| {{SpecName('HTML WHATWG', "media.html#event-media-abort")}} | {{Spec2('HTML WHATWG')}} | +| {{SpecName('HTML5 W3C', "embedded-content-0.html#event-media-abort")}} | {{Spec2('HTML5 W3C')}} | +## Compatibilité navigateurs -<p>{{Compat("api.HTMLMediaElement.abort_event")}}</p> +{{Compat("api.HTMLMediaElement.abort_event")}} -<h2 id="Voir_aussi">Voir aussi</h2> +## Voir aussi -<ul> - <li>{{domxref("HTMLAudioElement")}}</li> - <li>{{domxref("HTMLVideoElement")}}</li> - <li>{{HTMLElement("audio")}}</li> - <li>{{HTMLElement("video")}}</li> -</ul> +- {{domxref("HTMLAudioElement")}} +- {{domxref("HTMLVideoElement")}} +- {{HTMLElement("audio")}} +- {{HTMLElement("video")}} |