Dia 8

2023-11-29 13:43:04 +01:00
parent 024851ef69
commit 8c709817f3
25 changed files with 116 additions and 0 deletions
--- a/Practicas/Practicas
+++ b/Practicas/Practicas
@@ -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>
--- a/13/audio/dinamarca.mp3
+++ b/13/audio/dinamarca.mp3
--- a/13/audio/finlandia.mp3
+++ b/13/audio/finlandia.mp3
--- a/13/audio/noruega.mp3
+++ b/13/audio/noruega.mp3
--- a/13/audio/suecia.mp3
+++ b/13/audio/suecia.mp3
--- a/Practicas/Practicas
+++ b/Practicas/Practicas
@@ -0,0 +1,5 @@
+<audio src="audio/audio.mp3" controls></audio>
+
+
+
+<video src="video/video.mp4" controls></video>
--- a/13/imagenes/dinamarca.png
+++ b/13/imagenes/dinamarca.png
--- a/13/imagenes/finlandia.png
+++ b/13/imagenes/finlandia.png
--- a/13/imagenes/noruega.png
+++ b/13/imagenes/noruega.png
--- a/13/imagenes/suecia.png
+++ b/13/imagenes/suecia.png
--- a/Practicas/Practicas
+++ b/Practicas/Practicas
@@ -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.
--- a/13/video/dinamarca.mp4
+++ b/13/video/dinamarca.mp4
--- a/13/video/finlandia.mp4
+++ b/13/video/finlandia.mp4
--- a/13/video/noruega.mp4
+++ b/13/video/noruega.mp4
--- a/13/video/suecia.mp4
+++ b/13/video/suecia.mp4