Wiki-Quellcode von Videos einbinden
Version 10.1 von Carina Enke am 13.11.2024
Verstecke letzte Bearbeiter
| author | version | line-number | content |
|---|---|---|---|
 |
1.1 | 1 | {{section}} |
| 2 | {{column width="60%"}} | ||
| |
9.1 | 3 | Videos können in alle Test- und Aufgabenbestandteile (bspw. Aufgabenstellung, Antwortelemente, Feedback) integriert oder als Referenz verwenden. |
| 4 | |||
| 5 | Aus Performance-Gründen wird insbesondere für große Testszenarien die direkte Integration von Videos nicht empfohlen. | ||
| |
1.1 | 6 | {{/column}} |
| 7 | |||
| 8 | {{column width="30%"}} | ||
| 9 | {{panel title="Inhalt"}} | ||
| 10 | {{toc start="2"/}} | ||
| 11 | {{/panel}} | ||
| 12 | |||
| 13 | {{panel title="Verwandte Themen"}} | ||
| 14 | * .. | ||
| 15 | {{/panel}} | ||
| 16 | |||
| 17 | {{panel title="Weiterführende Inhalte"}} | ||
| 18 | * .. | ||
| 19 | {{/panel}} | ||
| 20 | {{/column}} | ||
| 21 | {{/section}} | ||
| |
1.2 | 22 | |
| 23 | |||
| |
9.1 | 24 | Um ein Video zu integrieren, benötigen Sie einen **Einbettungscode** des Videos. Sie finden diesen Code meist im Bearbeitungsbereich Ihrer Videoplattform. Für einzelne Plattformen beschreibt die Seite [[Einbettungscode finden>>url:https://help.bps-system.de/wiki/bin/view/LMS/Benutzerhandbuch%20OPAL/Lehren/Weitere%20Funktionen/Texteditor/Video%20einbinden/Einbettungscode%20finden/]], wo Sie diesen Code kopieren können. Sichern Sie sich den Code in einer Zwischenablage. |
| 25 | |||
| |
1.2 | 26 | |
| 27 | [[image:LMS.Benutzerhandbuch OPAL.Lehren.Weitere Funktionen.Texteditor.Video einbinden.WebHome@VCS - Einbettungscode_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]] | ||
| 28 | |||
| |
9.1 | 29 | |
| 30 | Öffnen Sie im Aufgabenpool die Ressource zu der das Video integriert werden soll. Wechseln Sie im ONYX Editor mit [[image:ONYX._Include Library.Onyx Icons und Buttons.WebHome@Icon_HTML Ansicht öffnen.png||data-xwiki-image-style="img-icon" height="27" width="31"]] in die Quellcode-Ansicht, bspw. die Aufgabenstellung, und fügen Sie den iFrame-Link aus dem Zwischenspeicher ein. | ||
| 31 | |||
| 32 | |||
| |
1.2 | 33 | === Referenzieren von Videos mit YouTube === |
| 34 | |||
| 35 | YouTube bietet eine einfache Funktion zum Einbetten von Videos in andere Webseiten. Diese Einbetten-Funktion kann auch für die Video-Integration in ONYX genutzt werden. | ||
| 36 | |||
| 37 | [[image:attach:Youtube - Video einbetten_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]] | ||
| 38 | |||
| 39 | Videos können in alle Test- und Aufgabenbestandteile (bspw. Aufgabenstellung, Antwortelemente, Feedback) integriert werden. Um ein Video zu integrieren, kopieren Sie den angezeigten iFrame-Link in Ihren Testinhalt. Wechseln Sie im ONYX Editor mit [[image:ONYX._Include Library.Onyx Icons und Buttons.WebHome@Icon_HTML Ansicht öffnen.png||data-xwiki-image-style="img-icon" height="27" width="31"]] in die Quellcode-Ansicht, bspw. die Aufgabenstellung, und fügen Sie den iFrame-Link aus dem Zwischenspeicher ein. | ||
| 40 | |||
| 41 | [[image:attach:Editor - Quellcodeansicht der Aufgabe öffnen_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]] | ||
| 42 | |||
| 43 | [[image:attach:Editor - Beispielquellcode einer Aufgabe.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]] | ||
| 44 | |||
| 45 | Mit Bestätigung durch OK wird das Quellcode-Fenster geschlossen und das Video in den Inhalt integriert. | ||
| 46 | |||
| 47 | [[image:attach:Editor - Aufgabenstellung mit eingebettetem Video.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]] | ||
| 48 | |||
| 49 | Über die Vorschau-Funktion können Sie den Inhalt ausprobieren. | ||
| 50 | |||
| 51 | [[image:attach:Testvorschau - Beispielaufgabe mit eingebettetem Video.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]] |