Atrybut mediagroup

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&amp;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
tekstNazwa grupy mediów, do której jest przypisany element

Obsługa atrybutu mediagroup przez przeglądarki

FirefoxChromeOperaSafariInternet Explorer

Różnice między HTML 4.01 a HTML5

Atrybut mediagroup jest dostępny tylko w języku HTML5.

Podobał Ci się ten artykuł?

Oceń go!

Średnia 0 / 5. Liczba głosów: 0

Jeszcze nikt nie głosował. Wyprzedź innych i zagłosuj.

Skoro spodobał Ci się ten artykuł...

Poleć go znajomym!

Ojej :( Powiedz nam, co powinniśmy poprawić!

Jajko z dzwonkiem
Podoba Ci się ta strona?

Pomóż nam się rozwijać, wykupując płatne konto. Dzięki temu będziemy mogli tworzyć dla Ciebie jeszcze więcej ciekawych treści, a Ty pozbędziesz się reklam.

Dodaj komentarz

4 + osiem =