Thanks to visit codestin.com
Credit goes to www.scribd.com

Scribd
Upload
43 views18 pages

Video HTML5

The document discusses embedding audio and video in HTML5 web pages. It provides information on the <video> and <audio> tags, supported file formats like MP4, WebM and Ogg, attributes for controlling playback, and examples of embedding video from YouTube and Vimeo. It also discusses browser compatibility and using Flash as a fallback for unsupported browsers.

Uploaded by

rdemaio.bu
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
43 views18 pages

Video HTML5

The document discusses embedding audio and video in HTML5 web pages. It provides information on the <video> and <audio> tags, supported file formats like MP4, WebM and Ogg, attributes for controlling playback, and examples of embedding video from YouTube and Vimeo. It also discusses browser compatibility and using Flash as a fallback for unsupported browsers.

Uploaded by

rdemaio.bu
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 18

AUDIO y VIDEO

HTML5
Etiqueta Video

<video src=“video.mp4” >

</video>

Chrome Explorer Firefox Safari Opera


<video> 4.0 9.0 3.5 4.0 10.5
Formatos

MP4 Video H264


Audio ACC

WebM Video VP8


Audio Vorbis

Ogg Video Theodora


Audio Vorbis
Formatos

FILE FORMAT MEDIA TYPE


MP4 video/mp4
WebM video/webm
Ogg video/ogg
Formatos

<video width=640 height=360>


<source src="video.ogv"
type='video/ogg' >
<source src="video.webm"
type='video/webm' >
<source src="video.mp4"
type='video/mp4'>
</video>
Atributos

Controls
<video controls > </video>

Muted
<video muted > </video>

Autoplay
<video autoplay > </video>
Atributos

Loop
<video loop > </video>

Preload
<video preload > </video>

Poster
<video poster=“imagen.jpg” > </video>
Compatibilidad

<video src=“video.mp4” >


<p>Tu navegador no es compatible</p>

<object >
<param name="movie"
value= " flash.swf" />
</object>
</video>
Etiqueta Audio

<audio src=“audio.mp3” >

</audio>

Chrome Explorer Firefox Safari Opera


<video> 4.0 9.0 3.5 4.0 10.5
Formatos

MP3

Wav

Ogg
Formatos

FILE FORMAT MEDIA TYPE


MP3 audio/mpeg
WAV audio/wav
Ogg audio/ogg
Formatos

<audio controls>
<source src="musica.ogg"
type="audio/ogg">
<source src="musica.mp3"
type="audio/mpeg">
<source src="musica.wav"
type="audio/wav">
</audio>
Atributos
Controls
<audio controls > </audio>
Loop
<audio loop > </audio>

Preload
<audio preload > </audio>
Autoplay
<audio autoplay > </audio>
Conversores

http://www.mirovideoconverter.com/

http://www.freemake.com/es/free_video_converter/

http://media.io/
Video Incrustado
Youtube

Copiar codigo
Vimeo
Vimeo

You might also like