Änderungen von Dokument Video einbinden (ONYX)

Zusammenfassung

• Seiteneigenschaften (1 geändert, 0 hinzugefügt, 0 gelöscht)
• Anhänge (1 geändert, 0 hinzugefügt, 1 gelöscht)
  • 1731480305038-168.png
  • Editor - Aufgabenstellung mit eingebettetem Video.png

Details

Seiteneigenschaften

Inhalt

...	...	@@ -1,6 +1,26 @@
	1	+{{section}}
	2	+{{column width="60%"}}
	3	+Videos können in alle Test- und Aufgabenbestandteile (bspw. Aufgabenstellung, Antwortelemente, Feedback) integriert oder als Referenz verwenden.
1	1
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.
	5	+Aus Performance-Gründen wird insbesondere für große Testszenarien die direkte Integration von Videos nicht empfohlen.
	6	+{{/column}}
3	3
	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	+
4	4	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.
5	5
6	6
...	...	@@ -7,13 +7,25 @@
7	7	[[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"]]
8	8
9	9
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.
	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.
11	11
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"]]
13	13
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.
	33	+=== Referenzieren von Videos mit YouTube ===
15	15
16		-[[image:Editor - Aufgabenstellung mit eingebettetem Video.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
	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.
17	17
	37	+[[image:attach:Youtube - Video einbetten_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
18	18
	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.
19	19
	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"]]

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