364
Bearbeitungen
H5P in Moodle: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
→Embed-Code
Serwe (Diskussion | Beiträge) |
Serwe (Diskussion | Beiträge) |
||
| Zeile 26: | Zeile 26: | ||
===Embed-Code=== | ===Embed-Code=== | ||
Mit der Betreuerrolle sehen Sie unterhalb der H5P-Aktivitäten, die Sie angelegt haben ein "Einbetten" Button. Wenn Sie diesen anklicken wird Ihnen ein Embed-Code zur Verfügung gestellt. Diesen kopieren Sie | Mit der Betreuerrolle sehen Sie unterhalb der H5P-Aktivitäten, die Sie angelegt haben ein "Einbetten" Button. Wenn Sie diesen anklicken wird Ihnen ein Embed-Code zur Verfügung gestellt. Diesen kopieren Sie vollständig. | ||
Nun erstellen Sie an der Stelle, wo der H5P-Inhalt eingebettet werden soll das Material (Textfeld, Textseite oder ähnliches) in dem der H5P-Inhalt zu sehen sein soll. Hier wechseln Sie | |||
Beachten Sie hierbei zur Einstellung der Größe: Wie auch im Screenshot zu sehen, kann theoretisch eine Zielgröße ausgewählt werden, die aber praktisch irrelevant ist wenn Sie den vollständigen Einbettungs-Code kopieren und verwenden. In diesem Fall sorgt das Script am Ende des Codes („....<script src= ...>...</script>“ dafür, dass das H5P-Element responsiv die zur Verfügung stehende Größe in der Breite voll ausnutzt und die dazu passende Höhe auswählt. Diese Einstellung wird auch empfohlen. | |||
Nur, wenn Sie das Script nicht mit einfügen, wird die Größe exakt auf die eingestellten Werte gesetzt. Diese Einstellung ist aber in Regel nicht zu empfehlen. | |||
Nun erstellen Sie an der Stelle, wo der H5P-Inhalt eingebettet werden soll das Material (Textfeld, Textseite oder ähnliches) in dem der H5P-Inhalt zu sehen sein soll. Hier wechseln Sie im Editor in den HTML-Modus und fügen den kopierten Embed-Code ein. [[Datei:H5P Embed Code html Modus.PNG|mini|Screenshot HTML-Modus]] | |||
Wenn Sie den HTML-Modus wieder verlassen, sollten Sie nun im Textfeld Ihren H5P-Inhalt angezeigt bekommen. Nun können Sie speichern. Sie können auch die ursprüngliche H5P-Aktivität verbergen aber verfügbar machen, damit die Teilnehmer*innen nur auf die Einbettung Zugriff haben. Wenn Sie die original Aktivität nur verbergen kann auch die Einbettung von Teilnehmer*innen nicht genutzt werden, diese ist aber weiterhin sichtbar. Teilnehmer*innen bekommen dann einen Hinweis, dass ihnen die Berechtigungen fehlen. | Wenn Sie den HTML-Modus wieder verlassen, sollten Sie nun im Textfeld Ihren H5P-Inhalt angezeigt bekommen. Nun können Sie speichern. Sie können auch die ursprüngliche H5P-Aktivität verbergen aber verfügbar machen, damit die Teilnehmer*innen nur auf die Einbettung Zugriff haben. Wenn Sie die original Aktivität nur verbergen kann auch die Einbettung von Teilnehmer*innen nicht genutzt werden, diese ist aber weiterhin sichtbar. Teilnehmer*innen bekommen dann einen Hinweis, dass ihnen die Berechtigungen fehlen. | ||
'''Hinweis''': Diese Art der Einbettung funktioniert nicht in allen Aktivitäten. Beispielsweise können auf diesem Weg keine H5P-Inhalte in ein Moodle-Wiki eingebettet werden. | '''Hinweis''': Diese Art der Einbettung funktioniert nicht in allen Aktivitäten. Beispielsweise können auf diesem Weg keine H5P-Inhalte in ein Moodle-Wiki eingebettet werden. weil dort kein HTML-Code eingefügt werden kann bzw. beim Speichern gelöscht wird. Wenn Sie ein H5P-Element in einem Moodle-Wiki verwenden wollen, kann dazu der Weg über den H5P-Filter verwendet werden. | ||
===H5P-Filter=== | ===H5P-Filter=== | ||