Utilitzar un vídeo Medial en un H5P: diferència entre les revisions
De Recursos docents
Cap resum de modificació |
Cap resum de modificació |
||
Línia 44: | Línia 44: | ||
#content { | #content { | ||
margin-left: 230px; | margin-left: 230px; | ||
} | |||
.toc { | |||
border: none; | |||
background: none; | |||
padding: 0; | |||
box-shadow: none; | |||
} | |||
/* Ocultar el título "Contents" (opcional) */ | |||
.toc > .toctitle { | |||
display: none; | |||
} | |||
/* Ajustar estilo de la lista dentro del TOC */ | |||
.toc ul { | |||
list-style: none; | |||
padding-left: 0; | |||
margin: 0; | |||
} | |||
/* Quitar estilos adicionales en los enlaces */ | |||
.toc a { | |||
text-decoration: none; | |||
color: inherit; | |||
} | |||
.toc a:hover { | |||
text-decoration: underline; | |||
color: blue; | |||
} | } |
Revisió del 10:21, 27 gen 2025
Què és
Es pot integrar un vídeo en diverses activitats H5P, per exemple: course presentation, interactive video, branching escenario, entre d'altres. Habitualment, es fan servir vídeos que estan allotjats a YouTube o Vimeo. La manera d'utilitzar un vídeo que estigui a la plataforma Medial és a través d'un enllaç que podem "copiar" de la web.
Com utilitzar
Accedim a Medial i visualitzem el vídeo que volem integrar a H5P. En aquest espai, accedim al codi font de la web i copiem el fragment de format:
- https://canal.uvic.cat/flash/..._hd.mp4. Afegim aquest mateix enllaç al contingut H5P
Cal tenir en compte, que l'accés al vídeo funcionarà independentment de l'estat públic o privat a Medial. Tampoc incrementarà el comptador de les seves visualitzacons.
A continuació, mostrem un H5P Documentation tool que mostra el tutorial pas a pas.
Sección 1
Contenido de la sección 1.
Sección 2
Contenido de la sección 2.
Sección 3
Contenido de la sección 3.
.toc {
position: fixed; left: 10px; top: 100px; width: 200px; background-color: #f9f9f9; border: 1px solid #aaa; padding: 10px; border-radius: 5px; z-index: 1000;
}
- content {
margin-left: 230px;
}
.toc {
border: none; background: none; padding: 0; box-shadow: none;
}
/* Ocultar el título "Contents" (opcional) */ .toc > .toctitle {
display: none;
}
/* Ajustar estilo de la lista dentro del TOC */ .toc ul {
list-style: none; padding-left: 0; margin: 0;
}
/* Quitar estilos adicionales en los enlaces */ .toc a {
text-decoration: none; color: inherit;
}
.toc a:hover {
text-decoration: underline; color: blue;
}