Utilitzar un vídeo Medial en un H5P: diferència entre les revisions

Revisió del 10:22, 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;

.toc > .toctitle {

   display: none;

}

/* Ocultar el título "Contents" (opcional) */ .toc > .toctitle {

   display: none;

}

@@ Línia 40: / Línia 40: @@
      border-radius: 5px;
      z-index: 1000;
+.toc > .toctitle {
+    display: none;
 }
-#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;
 }