HTML5 Video. Redarea videoclipurilor în HTML. Elementul HTML5 video. HTML video - Redare automată.
Partajeaza in Google Classroom
Memorator: Descriere video Descarcă PDF
Redarea videoclipurilor în HTML
Înainte de HTML5, un videoclip putea fi redat doar într-un browser cu un plug-in (precum flash).
Elementul HTML5 <video> specifică un mod standard de a încorpora un videoclip într-o pagină web.
Asistență browser (Browser Support)
Numerele din tabel specifică prima versiune a browserului care acceptă integral elementul <video>.
Elementul HTML <video>
Pentru a afișa un videoclip în HTML, utilizați elementul <video>:
Exemplu:
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Browserul dvs. nu acceptă eticheta video.
</video>
Cum funcționează?
Atributul de control (controls) adaugă controale video, cum ar fi: redare, pauză și volum.
Este o idee bună să includeți întotdeauna atributele de lățime și înălțime (width și height). Dacă nu sunt setate înălțimea și lățimea (width și height), pagina ar putea clipi în timp ce video-ul se încarcă.
Elementul <source> vă permite să specificați fișiere video alternative din care browserul poate alege. Browserul va folosi primul format recunoscut.
Textul dintre etichetele <video> și </video> va fi afișat numai în browserele care nu acceptă elementul <video>.
HTML <video> - Redare automată (HTML <video> Autoplay)
Pentru a începe un videoclip automat, utilizați atributul autoplay:
Exemplu:
<video width="320" height="240" autoplay>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Browserul dvs. nu acceptă eticheta video.
</video>
Atributul de redare automată (autoplay) nu funcționează pe dispozitive mobile precum iPad și iPhone.