Curso Práctico de HTML5 - Cap 08 Sitio Web en HTML5 Responsive Web Design en Acerca y Video

Sitio Web en HTML5 Responsive Web Design en Acerca y Video

Recurso:

• http://bextlan.com/recursos/tutoriales/html5/video08-html5.zip
• http://slipsum.com/
• Miro Video converter: http://www.mirovideoconverter.com/

Por si no encontramos la librería jquery en los servidores de google, se puede guardar en local y, con el siguiente script, se carga la librería local

<script>
    !window.jQuery && document.write("<script src='js/jqyery.min.js'></script>");
</script>

Añadir una imagen:

            <figure id="img-acerca">

                <img src="img/acerca.png" alt="acerca">
Añadir una descripción de la imagen al pie de la misma:

                <figcaption>He visto el fututo... está en el navegador</figcaption>

            </figure>
Añadir un vídeo:

            <video id="video-acerca" controls preload>

                <source src="vdo/video-prueba.mp4" type="video/mp4"></source>

                <source src="vdo/video-prueba.webm" type="video/webm"></source>

                <source src="vdo/video-prueba.ogv" type="video/ogg"></source>

            </video>