Ejemplo practico

EJEMPLO PRÁCTICO DE VER VIDEOS EN WEB.
Si partimos de un archivo básico en HTML, con nuestro color de fondo y texto de un color
determinado
Ahora al mismo ejemplo le vamos a crear una tabla( dentro de body) con estas características:
WIDRH=80% ALIGN="CENTER" BORDER=20 y de 3 filas y 2 columnas.
Titulo EJEMPLO
<html>
<head>
<meta charset="utf-8">
<title> EJEMPLO DE REPRODUCIR VÍDEOS </title>
</head>
<body text="blue" bgcolor="#EBDCA7">
<TABLE WIDRH=80% ALIGN="CENTER" BORDER=20>
<CAPTION><H1><U>EJEMPLO</u></h1></CAPTION>
<TR>
<TH > 1 </TH>
<TH> 2 </TH>
</TR>
<TR>
<TH > 3</TH>
<TH> 4</TH>
</TR>
<TR>
<TH > 5</TH>
<TH> 6</TH>
</TR>
</TABLE>
</body>
</html>

Ahora vamos a introducir en los cuadros indicados los siguientes parámetros:
1. Sustituimos el 1 por la Palabra PASODOBLE , para que al pinchar en la palabra nos
abra la página en Youtube donde esta el pasodoble de Ayamonte.
Quitaremos el 1 y pondremos esta linea.
<a href=” https://www.youtube.com/watch?v=bK-6pYWVtsc”> PASODOBLE </a>
2. Sustituimos el 2 por el código de inserción del vídeo
<iframe width="560" height="315" src="https://www.youtube.com/embed/bK-
6pYWVtsc" frameborder="0" allow="accelerometer; autoplay; encrypted-
media; gyroscope; picture-in-picture" allowfullscreen></iframe>
El código quedaría así:
<html>
<head>
</head>
<TR>
<TH > <a href=” https://www.youtube.com/watch?v=bK-6pYWVtsc”> PASODOBLE </a>
</TH>
<TH> <iframe width="560" height="315" src="https://www.youtube.com/embed/bK-
6pYWVtsc" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope;
picture-in-picture" allowfullscreen></iframe> </TH>
</TR>
<TR>
<TH > 3</TH>
<TH> 4</TH>
</TR>
<TR>
<TH > 5</TH>
<TH> 6</TH>
</TR>
</TABLE>
</body>
</html>
Quedaría de la siguiente forma:

3. Sustituimos el 3 por la Palabra RESISTIRÉ, para que al pinchar en la palabra nos abra la
página en Youtube donde esta el video Resistiré 2020 - Video Oficial
<a href=” https://www.youtube.com/watch?v=hl3B4Ql8RtQ”> RESISTIRÉ </a>
4. Sustituimos el 4 por el código de inserción del vídeo
<iframe width="560" height="315" src="https://www.youtube.com/embed/hl3B4Ql8RtQ"
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-
picture" allowfullscreen></iframe>
El código quedaría así:
<html>
<head>
</head>
<TR>
<TH > <a href=” https://www.youtube.com/watch?v=bK-6pYWVtsc”> PASODOBLE </a>
</TH>
<TH> <iframe width="560" height="315" src="https://www.youtube.com/embed/bK-
6pYWVtsc" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope;
picture-in-picture" allowfullscreen></iframe> </TH>
</TR>
<TR>
<TH > <a href=” https://www.youtube.com/watch?v=hl3B4Ql8RtQ”> RESISTIRÉ </a>
</TH>

<TH> <iframe width="560" height="315"
src="https://www.youtube.com/embed/hl3B4Ql8RtQ" frameborder="0"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe>
</TH>
</TR>
<TR>
<TH > 5</TH>
<TH> 6</TH>
</TR>
</TABLE>
</body>
</html>
Quedaría de la siguiente forma:
Os dejo la tercera fila para que practiqueis con alguna canción o video que os guste.
IMPORTANTE: PARA ESTE EJEMPLO NO ES NECESARIO ENVIAR NADA.
El próximo viernes día 17 os enviaré la actividad número 17 para que desarrollareis

Ejemplo practico

Más contenido relacionado

La actualidad más candente

Similar a Ejemplo practico

Más de Manuel A. Francisco Arenas

Último

Ejemplo practico