Zum Inhalt springen

Änderungen von Dokument Video einbinden (ONYX)

Zuletzt geändert von Anna Paul-Hasenfuss am 08.05.2025
Von Version 19.1
bearbeitet von Anna Paul-Hasenfuss
am 08.05.2025
Änderungskommentar: Uploaded new attachment "Icon_HTML%20Ansicht%20%C3%B6ffnen.png", version {1}
Auf Version 8.1
bearbeitet von Carina Enke
am 13.11.2024
Änderungskommentar: Anhang verschoben von xwiki:ONYX.Erstellung von Testinhalten.Aufgaben.Medien einbinden.WebHome.

Zusammenfassung

Details

Seiteneigenschaften
Titel
... ... @@ -1,1 +1,1 @@
1 -Video einbinden (ONYX)
1 +Videos einbinden
Dokument-Autor
... ... @@ -1,1 +1,1 @@
1 -XWiki.anna
1 +XWiki.carina
Inhalt
... ... @@ -1,18 +1,44 @@
1 -Videos können in alle Test- und Aufgabenbestandteile (bspw. Aufgabenstellung, Antwortelemente, Feedback) integriert oder als Referenz verwenden. Aus Performance-Gründen wird insbesondere für große Testszenarien die direkte Integration von Videos nicht empfohlen.
2 -
3 -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>>doc:LMS.Benutzerhandbuch OPAL.Lehren.Weitere Funktionen.Texteditor.Video einbinden.Einbettungscode finden.WebHome]], wo Sie diesen Code kopieren können. Sichern Sie sich den Code in einer Zwischenablage.
1 +{{section}}
2 +{{column width="60%"}}
4 4  
4 +{{/column}}
5 5  
6 +{{column width="30%"}}
7 +{{panel title="Inhalt"}}
8 +{{toc start="2"/}}
9 +{{/panel}}
10 +
11 +{{panel title="Verwandte Themen"}}
12 +* ..
13 +{{/panel}}
14 +
15 +{{panel title="Weiterführende Inhalte"}}
16 +* ..
17 +{{/panel}}
18 +{{/column}}
19 +{{/section}}
20 +
21 +
22 + 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.
23 +
6 6  [[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"]]
7 7  
26 +=== Referenzieren von Videos mit YouTube ===
8 8  
9 -Öffnen Sie die Editieransicht der Ressource zu der das Video integriert werden soll. Wechseln Sie im HTML-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 und fügen Sie den kopierten Einbettungscode (iFrame-Link) aus dem Zwischenspeicher ein.
28 +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.
10 10  
11 - [[image:Editor - Quellcodeansicht der Aufgabe öffnen_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]] [[image:Editor - Beispielquellcode einer Aufgabe.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
30 +[[image:attach:Youtube - Video einbetten_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
12 12  
13 -Nach dem Speichern schießt sich das Quellcode-Fenster und das Video wird im Inhalt integriert. Je nach Größe des Videos kann das es einen Moment dauern, ehe das Video zu sehen ist.
32 +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.
14 14  
15 -[[image:Editor - Aufgabenstellung mit eingebettetem Video.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
34 +[[image:attach:Editor - Quellcodeansicht der Aufgabe öffnen_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
16 16  
36 +[[image:attach:Editor - Beispielquellcode einer Aufgabe.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
17 17  
18 -
38 +Mit Bestätigung durch OK wird das Quellcode-Fenster geschlossen und das Video in den Inhalt integriert.
39 +
40 +[[image:attach:Editor - Aufgabenstellung mit eingebettetem Video.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
41 +
42 +Über die Vorschau-Funktion können Sie den Inhalt ausprobieren.
43 +
44 + [[image:attach:Testvorschau - Beispielaufgabe mit eingebettetem Video.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
1731480305038-168.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.carina
Größe
... ... @@ -1,1 +1,0 @@
1 -57.5 KB
Inhalt
Editor - Aufgabenstellung mit eingebettetem Video.png
Author
... ... @@ -1,1 +1,1 @@
1 -XWiki.carina
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,1 +1,1 @@
1 -44.9 KB
1 +45.2 KB
Inhalt
Editor - Quellcodeansicht der Aufgabe öffnen_de.png
Author
... ... @@ -1,1 +1,1 @@
1 -XWiki.carina
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,1 +1,1 @@
1 -13.7 KB
1 +11.9 KB
Inhalt
Editor - Video über Quellcode einbinden_de.png
Größe
... ... @@ -1,1 +1,1 @@
1 -45.7 KB
1 +46.2 KB
Inhalt
Icon_HTML%20Ansicht%20%C3%B6ffnen.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.anna
Größe
... ... @@ -1,1 +1,0 @@
1 -671 bytes
Inhalt