EJERCICIO 2 - PARTE 5

Fecha de Publicación: Septiembre 21 de 2016

CODIGO HTML DE MENU “MULTIMEDIA”

<section id="principal_multimedia">

       <article id="audio">

       <h1>Audio</h1>

       <p>Aquí podemos reproducir una pista de audio de tipo mp3

        que tenemos almacenada en la carpeta Multimedia de mi equipo

        </p>

        <audio id="pista_audio" controls>

        <source src="Multimedia/cancion.mp3" type="audio/mpeg" />

        </audio>

        <br />

        Canción: Pelicula Lenta

        </article>

                                  

        <article id="video1">

        <h1>Vídeo 1</h1>

        <p>Aqui podemos reproducir un vídeo almacenado en la carpeta

         Multimedia de nuestro equipo</p>
         <video src="multimedia/video1.mp4" width="300" height="300" controls></video>

         </article>

                                  

         <article id="video2">

         <h1>Vídeo 2</h1>

         <p>Aquí se reproduce un vídeo desde Internet - Youtube</p>
         <iframe width="300" height="250" src=http://www.youtube.com/embed/0Cme6BjNXZE frameborder="0" allowfullscreen> </iframe>

          </article>

</section>

CODIGO CSS

/*Estilos del Section de multimedia.html*/

#principal_multimedia {

width: 90%;

margin: 5px auto;

border: 2px solid #CCCCCC;

background: #F60;

}

#audio, #video1, #video2 {

display: inline-block;

vertical-align: top;

width: 30%;

margin: 10px;

padding: 5px;

background: #FFFFFF;

text-align:center;

}