Accions

Incrustar arxius H5P al wiki: diferència entre les revisions

De Recursos docents

Cap resum de modificació
Cap resum de modificació
 
(Hi ha 2 revisions intermèdies del mateix usuari que no es mostren)
Línia 22: Línia 22:
Cal inserir el codi resultant en el wiki fent servir el mode d'edició "Modifica codi".
Cal inserir el codi resultant en el wiki fent servir el mode d'edició "Modifica codi".
Revisa la correcta visualització de l'H5P.[[Fitxer:Gif_h5p_4.gif|cap|marc]]
Revisa la correcta visualització de l'H5P.[[Fitxer:Gif_h5p_4.gif|cap|marc]]
<div class="d-flex justify-content-end mb-3">
</div>
<iframe key="ubiqua"path="/h5p/embed.php?url=https%3A%2F%2Fubiqua.uvic.cat%2Fpluginfile.php%2F262542%2Fmod_h5pactivity%2Fpackage%2F0%2Fcourse-presentation-518.h5p&amp;component=mod_h5pactivity" width="960" height="678"/>
<div class="d-flex justify-content-end mb-3">
</div>
<iframe
    src="https://ubiqua.uvic.cat/h5p/embed.php?url=https%3A%2F%2Fubiqua.uvic.cat%2Fpluginfile.php%2F262542%2Fmod_h5pactivity%2Fpackage%2F0%2Fcourse-presentation-518.h5p&amp;component=mod_h5pactivity"
    name="h5player"
    width="1160"
    height="678"
    allowfullscreen="allowfullscreen"
    class="h5p-player w-100 border-0"
    style="height: 0px;"
    id="673dc3e8dbdef673dc3e8dbdf01-h5player"
></iframe><script src="https://ubiqua.uvic.cat/h5p/h5plib/v126/joubel/core/js/h5p-resizer.js"></script>

Revisió de 08:37, 21 nov 2024

En aquesta pàgina expliquem com incrustrar un H5P en aquest wiki. Per fer-ho, l'H5P ha d'estar allotjat en un altre espai i aquí hi inserirem el codi d'incrustació. Hem preparat l'espai H5P Repositori a la plataforma Moodle Ubiqua, que permet l'accés com a visitant.

Obtenir l'enllaç d'incrustació H5P

Per fer-ho, afegim una activitat H5P a l'aula, hi enllacem l'H5P en qüestió i en les opcions d'H5P marquem que es mostri el botó d'incrustació.

Gif h5p 2.gif


Quan entrem en l'activitat H5P, podrem obtenir el codi d'incrustació des del botó corresponent a la part inferior esquerra de l'H5P. Accedim a aquest codi i el copiem en un altre document.

Hem d'utilitzar només la part del codi de la font del fitxer, a partir de "/h5p" (sense les cometes finals).

Aquest fragment s'ha d'inserir en lloc del guió baix del següent codi:

  • <iframe key="ubiqua"path="_"/>
Gif h5p 3A.gif

Si volem fixar l'amplada i l'alçada, podem copiar els atributs "width" i "height".

Gif h5p 3B.gif

Cal inserir el codi resultant en el wiki fent servir el mode d'edició "Modifica codi".

Revisa la correcta visualització de l'H5P.

Gif h5p 4.gif