9. Multimedia – wideo, audio, iframe

HTML5 pozwala osadzać multimedia bez wtyczek.

Wideo

<video controls width="640">
<source src="film.mp4" type="video/mp4">
<source src="film.webm" type="video/webm">
Twoja przeglądarka nie obsługuje wideo.
</video>

Audio

<audio controls>
<source src="muzyka.mp3" type="audio/mpeg">
<source src="muzyka.ogg" type="audio/ogg">
Twoja przeglądarka nie obsługuje audio.
</audio>

Iframe (YouTube, mapa, inny dokument)

<iframe width="560" height="315" 
src="https://www.youtube.com/embed/dQw4w9WgXcQ" 
title="Przykładowy film" 
frameborder="0" 
allowfullscreen></iframe>

Zadanie

Osadź:

• krótki filmik z YouTube (controls + autoplay wyłączony)
• prosty player audio z własnym plikiem mp3