4. Multimedia w aplikacji internetowej

4.1. Osadzanie filmów i nagrań audio

W języku HTML5 można łatwo umieścić odtwarzacz plików wideo lub audio na stronie za pomocą elementu <video>. Znacznik ten umożliwia odtwarzanie plików multimedialnych bez potrzeby stosowania dodatkowych wtyczek, takich jak Flash Player (co było powszechną praktyką przed laty). Możesz również dodać kontrolki, napisy (subtitles), i obsługiwać różne formaty plików.

Odtwarzacz plików wideo możesz osadzić na stronie internetowej w następujący sposób:
<video controls autoplay loop muted poster="miniatura.jpg" width="640" height="360">
    <source src="video.mp4" type="video/mp4">
    <source src="video.webm" type="video/webm">
    Twoja przeglądarka nie obsługuje wideo HTML5.
</video>
Film wideo możesz wzbogacić o ścieżkę z napisami w różnych wersjach językowych w następujący sposób:
<video controls width="640" height="360">
    <source src="video.mp4" type="video/mp4">
    <track src="napisy.vtt" kind="subtitles" srclang="pl" label="Polski">
    <track src="napisy_en.vtt" kind="subtitles" srclang="en" label="English">
    Twoja przeglądarka nie obsługuje wideo HTML5.
</video>
Odtwarzacz nagrań dźwiękowych osadzisz na stronie w następujący sposób:
<audio controls>
    <source src="muzyka.mp3" type="audio/mpeg">
    Twoja przeglądarka nie obsługuje dźwięku HTML5.
</audio>