Accions

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

Medialandh5p.jpg

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;

}

  1. 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;

}