Zum Inhalt springen

Wiki-Quellcode von Videos einbinden

Version 12.1 von Carina Enke am 13.11.2024
Zeige letzte Bearbeiter
1 {{section}}
2 {{column width="60%"}}
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.
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}}
22
23
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
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
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 [[image:Editor - Video über Quellcode einbinden_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]] [[image:Editor - Quellcodeansicht der Aufgabe öffnen_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
33
34 === Referenzieren von Videos mit YouTube ===
35
36 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.
37
38 [[image:attach:Youtube - Video einbetten_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
39
40 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.
41
42 [[image:attach:Editor - Quellcodeansicht der Aufgabe öffnen_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
43
44 [[image:attach:Editor - Beispielquellcode einer Aufgabe.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
45
46 Mit Bestätigung durch OK wird das Quellcode-Fenster geschlossen und das Video in den Inhalt integriert.
47
48 [[image:attach:Editor - Aufgabenstellung mit eingebettetem Video.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
49
50 Über die Vorschau-Funktion können Sie den Inhalt ausprobieren.
51
52 [[image:attach:Testvorschau - Beispielaufgabe mit eingebettetem Video.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]