This commit is contained in:
2023-11-29 13:43:04 +01:00
parent 024851ef69
commit 8c709817f3
25 changed files with 116 additions and 0 deletions

View File

@@ -0,0 +1,30 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Practica 13</title>
</head>
<body>
<table style="width: 100%;">
<tr>
<td><img src="./imagenes/noruega.png" width="100%" alt="Noruega"></td>
<td><img src="./imagenes/finlandia.png" width="100%" alt="Finlandia"></td>
<td><img src="./imagenes/suecia.png" width="100%" alt="Suecia"></td>
<td><img src="./imagenes/dinamarca.png" width="100%" alt="Dinamarca"></td>
</tr>
<tr>
<td><audio src="./audio/noruega.mp3" controls style="width: 100%;"></audio></td>
<td><audio src="./audio/finlandia.mp3" controls style="width: 100%;"></audio></td>
<td><audio src="./audio/suecia.mp3" controls style="width: 100%;"></audio></td>
<td><audio src="./audio/dinamarca.mp3" controls style="width: 100%;"></audio></td>
</tr>
<tr>
<td><video src="./video/noruega.mp4" width="100%" controls></video></td>
<td><video src="./video/finlandia.mp4" width="100%" controls></video></td>
<td><video src="./video/suecia.mp4" width="100%" controls></video></td>
<td><video src="./video/dinamarca.mp4" width="100%" controls></video></td>
</tr>
</table>
</body>
</html>

Binary file not shown.

Binary file not shown.

View File

@@ -0,0 +1,5 @@
<audio src="audio/audio.mp3" controls></audio>
<video src="video/video.mp4" controls></video>

Binary file not shown.

After

Width:  |  Height:  |  Size: 310 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 506 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 568 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 508 B

View File

@@ -0,0 +1,8 @@
Los párametros que soporta <video> son:
- Controls > Añade una barra con controles (es diferente por cada navegador).
- Muted > Para quitar el audio al vídeo. Si queremos que se reproduzca un vídeo en autoplay en Chrome, tenemos que activar esta opción.
- Autoplay > Para que el vídeo empiece sin necesidad de darle al play.
- Loop > Para que se vuelva a reproducir cuando se acabe el vídeo.
- Preload > Puede tomar los valores auto (carga el vídeo cuando carga la web), none (viene bién cuando tenemos una videogalería) y metadata (carga sólamente los metadatas)
- Poster > Para añadir una imagen personalizada al inicio del vídeo.
- Width - Height > Para especificar el ancho y el alto del vídeo.

Binary file not shown.

Binary file not shown.