Atrybut mediagroup służy do grupowania elementów multimedialnych. Jeśli na stronie jest kilka elementów multimedialnych odwołujących się do tego samego zasobu, to korzystają one z jednego żądania sieciowego. Można to wykorzystać do wydajnego odtwarzania dwóch ścieżek wideo z tego samego źródła w dwóch różnych miejscach na ekranie. Dzięki atrybutowi mediagroup elementy te można zsynchronizować.
Przykład użycia
W poniższym przykładzie na główną ścieżkę wideo pliku nałożona jest ścieżka interpretera języka migowego. Użyto do tego celu dwóch plików wideo, arkuszy stylów CSS oraz domyślnego kontrolera MediaController:
<article>
<style scoped>
div { margin: 1em auto; position: relative; width: 400px; height: 300px; }
video { position; absolute; bottom: 0; right: 0; }
video:first-child { width: 100%; height: 100%; }
video:last-child { width: 30%; }
</style>
<div>
<video src="movie.vid#track=Video&track=English" autoplay controls mediagroup=movie></video>
<video src="movie.vid#track=sign" autoplay mediagroup=movie></video>
</div>
</article>Źródło przykładu:HTML5 Edition for Web Authors revision 1.4856.
Składnia atrybutu mediagroup
<nazwa_elementu mediagroup="tekst">
Elementy związane z atrybutem mediagroup
Atrybut mediagroup dotyczy elementów audio i video.
Wartości atrybutu mediagroup
| Wartość | Opis |
|---|---|
| tekst | Nazwa grupy mediów, do której jest przypisany element |
Obsługa atrybutu mediagroup przez przeglądarki
| Firefox | Chrome | Opera | Safari | Internet Explorer |
|---|---|---|---|---|
| ✘ | ✘ | ✘ | ✘ | ✘ |
Różnice między HTML 4.01 a HTML5
Atrybut mediagroup jest dostępny tylko w języku HTML5.
