EJERCICIO ITG - PARTE 4

Fecha de Publicación: Septiembre 27 de 2018

CODIGO Multimedia.html

<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>

                       

/* Estilos del Section Multimedia */

#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;

}