Zum Inhalt springen

Änderungen von Dokument Video einbinden (ONYX)

Zuletzt geändert von Anna Paul-Hasenfuss am 08.05.2025
Von Version 10.1
bearbeitet von Carina Enke
am 13.11.2024
Änderungskommentar: Neues Bild Editor - Video über Quellcode einbinden_de.png hochladen
Auf Version 15.2
bearbeitet von Carina Enke
am 13.11.2024
Änderungskommentar: Es gibt keinen Kommentar für diese Version

Zusammenfassung

Details

Seiteneigenschaften
Inhalt
... ... @@ -1,26 +4,6 @@
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 4  
5 -Aus Performance-Gründen wird insbesondere für große Testszenarien die direkte Integration von Videos nicht empfohlen.
6 -{{/column}}
2 +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.
7 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 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 25  
26 26  
... ... @@ -27,25 +27,13 @@
27 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 28  
29 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.
10 +Ö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.
31 31  
12 + [[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"]]
32 32  
33 -=== Referenzieren von Videos mit YouTube ===
14 +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.
34 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.
16 +[[image:Editor - Aufgabenstellung mit eingebettetem Video.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
36 36  
37 -[[image:attach:Youtube - Video einbetten_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
38 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 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"]]
Editor - Aufgabenstellung mit eingebettetem Video.png
Author
... ... @@ -1,1 +1,1 @@
1 -XWiki.XWikiGuest
1 +XWiki.carina
Größe
... ... @@ -1,1 +1,1 @@
1 -45.2 KB
1 +44.9 KB
Inhalt
Editor - Quellcodeansicht der Aufgabe öffnen_de.png
Author
... ... @@ -1,1 +1,1 @@
1 -XWiki.XWikiGuest
1 +XWiki.carina
Größe
... ... @@ -1,1 +1,1 @@
1 -11.9 KB
1 +13.7 KB
Inhalt
1731480305038-168.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.carina
Größe
... ... @@ -1,0 +1,1 @@
1 +57.5 KB
Inhalt