Wiki-Quellcode von Video einbinden
Version 486.1 von Carina Enke am 20.12.2023
Zeige letzte Bearbeiter
| author | version | line-number | content |
|---|---|---|---|
| 1 | |||
| 2 | {{layout}} | ||
| 3 | {{layout-section ac:type="single"}} | ||
| 4 | {{layout-cell}} | ||
| 5 | \\ | ||
| 6 | {{/layout-cell}} | ||
| 7 | {{/layout-section}} | ||
| 8 | |||
| 9 | {{layout-section ac:type="two_right_sidebar"}} | ||
| 10 | {{layout-cell}} | ||
| 11 | Mit einem kurzen Video- oder Audioausschnitt können Sie den Lernprozess visuell bzw. auditiv unterstützen. Deshalb können entsprechende Medien über verschiedene Wege in einem Kurs oder Kursbaustein verwendet werden. Neben der Dateiablage, die für größere Mediendateien eher ungeeignet ist, können Sie dem Nutzer beispielsweise einen Link zur Verfügung stellen oder Medien direkt im Kursbaustein abspielbar anbieten. | ||
| 12 | |||
| 13 | Sehr einfach ist die Einbindung über den internen Texteditor. Welche Schritte dazu notwendig sind, zeigt Ihnen diese Seite. | ||
| 14 | |||
| 15 | {{note title="Hinweis"}} | ||
| 16 | Das Abspielen der verschiedenen Medienformate ist vom verwendeten Gerät und vom benutzten Browser abhängig. Empfohlen wird die Verwendung der Formate mp3 bzw. mp4. | ||
| 17 | {{/note}} | ||
| 18 | {{/layout-cell}} | ||
| 19 | |||
| 20 | {{layout-cell}} | ||
| 21 | {{scroll-ignore}} | ||
| 22 | {{panel title="Inhalt"}} | ||
| 23 | |||
| 24 | |||
| 25 | {{toc/}} | ||
| 26 | {{/panel}} | ||
| 27 | {{/scroll-ignore}} | ||
| 28 | {{/layout-cell}} | ||
| 29 | {{/layout-section}} | ||
| 30 | |||
| 31 | {{layout-section ac:type="single"}} | ||
| 32 | {{layout-cell}} | ||
| 33 | \\ | ||
| 34 | {{/layout-cell}} | ||
| 35 | {{/layout-section}} | ||
| 36 | |||
| 37 | {{layout-section ac:type="single"}} | ||
| 38 | {{layout-cell}} | ||
| 39 | == Video per Einbettungscode verfügbar machen == | ||
| 40 | |||
| 41 | Diese Möglichkeit ist für Videos geeignet, die nicht auf die Lernplattform OPAL hochgeladen werden sollen, da sie bereits an einer anderen Stelle verfügbar sind. Ein so eingebettetes Video wird in der Kursansicht mit einem Vorschaubild angezeigt. Über den angezeigten Abspiel-Button kann das Video direkt an dieser Stelle gestartet werden. Der Nutzer muss nicht auf eine andere Seite oder einen anderen Tab wechseln. | ||
| 42 | |||
| 43 | [[image:attach:Kursrun - eingebettetes Video_de.png]] | ||
| 44 | |||
| 45 | \\ | ||
| 46 | |||
| 47 | Um ein Video auf einer internen Seite einzubetten, gehen Sie wie folgt vor: | ||
| 48 | |||
| 49 | (% class="wrapped" data-snooker-col-series="numbers" data-snooker-locked-cols="0" %) | ||
| 50 | |(% class="numberingColumn" colspan="1" contenteditable="false" data-mce-resize="false" %)(% class="numberingColumn" colspan="1" contenteditable="false" data-mce-resize="false" %) | ||
| 51 | ((( | ||
| 52 | 1 | ||
| 53 | )))|(% colspan="1" %)(% colspan="1" %) | ||
| 54 | ((( | ||
| 55 | Sie benötigen zunächst den **Einbettungscode** des Videos. Sie finden diesen Code meist im Bearbeitungsbereich Ihrer Videoplattform. Für einzelne Plattformen beschreibt die Seite [[doc:Einbettungscode finden]], wo Sie diesen Code kopieren können. Sichern Sie sich den Code in einer Zwischenablage. | ||
| 56 | |||
| 57 | \\ | ||
| 58 | |||
| 59 | \\ | ||
| 60 | )))|(% colspan="1" %)(% colspan="1" %) | ||
| 61 | ((( | ||
| 62 | (% class="content-wrapper" %) | ||
| 63 | ((( | ||
| 64 | [[image:attach:VCS - Einbettungscode_de.png]] | ||
| 65 | ))) | ||
| 66 | ))) | ||
| 67 | |(% class="numberingColumn" contenteditable="false" data-mce-resize="false" %)(% class="numberingColumn" contenteditable="false" data-mce-resize="false" %) | ||
| 68 | ((( | ||
| 69 | 2 | ||
| 70 | )))|((( | ||
| 71 | Öffnen Sie nun den **Texteditor**, bspw. bei einem Kursbaustein Einzelne Seite, zu dem Sie das Video einfügen möchten. Wählen Sie den Eintrag **Einfügen** im Werkzeugbereich des Texteditors. Es öffnet sich eine Liste. Klicken Sie hier auf die Auswahloption **Video**. | ||
| 72 | )))|((( | ||
| 73 | (% class="content-wrapper" %) | ||
| 74 | ((( | ||
| 75 | [[image:attach:Tiny - Video_de.png]] | ||
| 76 | ))) | ||
| 77 | ))) | ||
| 78 | |(% class="numberingColumn" contenteditable="false" data-mce-resize="false" %)(% class="numberingColumn" contenteditable="false" data-mce-resize="false" %) | ||
| 79 | ((( | ||
| 80 | 3 | ||
| 81 | )))|(% colspan="1" %)(% colspan="1" %) | ||
| 82 | ((( | ||
| 83 | Im sich öffnenden Dialog wählen Sie den angezeigten Reiter **Einbetten**. Tragen Sie dort Ihren Einbettungscode in das Textfeld ein. Schließen Sie den Dialog mit Klick auf den Button **OK**. | ||
| 84 | )))|(% colspan="1" %)(% colspan="1" %) | ||
| 85 | ((( | ||
| 86 | (% class="content-wrapper" %) | ||
| 87 | ((( | ||
| 88 | [[image:attach:Tiny - Einbettungscode_de.png]] | ||
| 89 | ))) | ||
| 90 | ))) | ||
| 91 | |(% class="numberingColumn" contenteditable="false" data-mce-resize="false" %)(% class="numberingColumn" contenteditable="false" data-mce-resize="false" %) | ||
| 92 | ((( | ||
| 93 | 4 | ||
| 94 | )))|(% colspan="1" %)(% colspan="1" %) | ||
| 95 | ((( | ||
| 96 | Anschließend wird ein Platzhalter für das Video im Textfeld angezeigt. Speichern Sie Ihre Seite mit dem Button **Speichern und Schließen**. | ||
| 97 | )))|(% colspan="1" %)(% colspan="1" %) | ||
| 98 | ((( | ||
| 99 | (% class="content-wrapper" %) | ||
| 100 | ((( | ||
| 101 | [[image:attach:Tiny - Schließen_de.png]] | ||
| 102 | ))) | ||
| 103 | ))) | ||
| 104 | |(% class="numberingColumn" colspan="1" contenteditable="false" data-mce-resize="false" %)(% class="numberingColumn" colspan="1" contenteditable="false" data-mce-resize="false" %) | ||
| 105 | ((( | ||
| 106 | 5 | ||
| 107 | )))|(% colspan="1" %)(% colspan="1" %) | ||
| 108 | ((( | ||
| 109 | Die Editoransicht der Seite wird geschlossen und Sie sehen in der Kursansicht das abspielbare Video auf der angezeigten Seite. | ||
| 110 | )))|(% colspan="1" %)(% colspan="1" %) | ||
| 111 | ((( | ||
| 112 | (% class="content-wrapper" %) | ||
| 113 | ((( | ||
| 114 | [[image:attach:Kursrun - eingebettetes Video_de.png]] | ||
| 115 | ))) | ||
| 116 | ))) | ||
| 117 | |||
| 118 | \\ | ||
| 119 | |||
| 120 | {{info}} | ||
| 121 | [[image:attach:Einbettungscode finden@Icon_Logo VCS.png]] | ||
| 122 | |||
| 123 | Wenn Sie für die Einbettung ein Video aus dem Videocampus Sachsen verwenden, prüfen Sie bitte dort im Bereich "Sichtbarkeit der Veröffentlichung" welche Optionen Sie für Ihr Medium gesetzt haben. Es müssen **mindestens die Optionen "versteckt" und "anonymen Zugriff erlauben"** aktiviert sein, damit das Video in OPAL auch sichtbar wird. | ||
| 124 | |||
| 125 | Hier noch eine kleine Übersicht der anderen dort verfügbaren Optionen: | ||
| 126 | |||
| 127 | * Privat: Nicht für andere Nutzer verfügbar | ||
| 128 | * Versteckt (ggf. + Anonym): Über einen Link auffindbar | ||
| 129 | * Öffentlich (ggf. + Anonym): Über die Medienübersicht im Videocampus auffindbar | ||
| 130 | * Anonym: Zugriff auch ohne Login möglich. Wichtig für die Einbindung auf anderen Webseiten. | ||
| 131 | {{/info}} | ||
| 132 | |||
| 133 | {{info}} | ||
| 134 | Per Einbettungscode können auch andere Inhalte, die per URL verfügbar sind, in eine HTML-Seite eingebunden werden. Anwendungsbeispiele zeigt die Seite [[doc:Inhalte einbetten]]. | ||
| 135 | {{/info}} | ||
| 136 | {{/layout-cell}} | ||
| 137 | {{/layout-section}} | ||
| 138 | |||
| 139 | {{layout-section ac:type="single"}} | ||
| 140 | {{layout-cell}} | ||
| 141 | \\ | ||
| 142 | {{/layout-cell}} | ||
| 143 | {{/layout-section}} | ||
| 144 | |||
| 145 | {{layout-section ac:type="single"}} | ||
| 146 | {{layout-cell}} | ||
| 147 | == Videolink einfügen == | ||
| 148 | |||
| 149 | Soll das Video nicht so präsent gezeigt werden, da es eher ergänzend zum Text ist, bietet sich die Einbindung der Video-/Audiodatei als Link an. Hier wird dem Nutzer ein einfacher Linkeintrag angezeigt, mit dem das Video wahlweise in einem neuen Browser-Tab geöffnet werden kann. | ||
| 150 | |||
| 151 | [[image:attach:Kursrun - Link_de.png]] | ||
| 152 | |||
| 153 | \\ | ||
| 154 | |||
| 155 | Um den Link zu einem Video einzufügen, gehen Sie wie folgt vor: | ||
| 156 | |||
| 157 | (% class="wrapped" data-snooker-col-series="numbers" data-snooker-locked-cols="0" %) | ||
| 158 | |(% class="numberingColumn" contenteditable="false" data-mce-resize="false" %)(% class="numberingColumn" contenteditable="false" data-mce-resize="false" %) | ||
| 159 | ((( | ||
| 160 | 1 | ||
| 161 | )))|((( | ||
| 162 | (% class="content-wrapper" %) | ||
| 163 | ((( | ||
| 164 | Öffnen Sie den Texteditor und erstellen oder bearbeiten Sie den Text. Wählen Sie das Symbol [[image:attach:Icons@Icon_Link.png]] für **Link einfügen** in der Menüzeile des Editors. | ||
| 165 | ))) | ||
| 166 | )))|(% rowspan="2" %)(% rowspan="2" %) | ||
| 167 | ((( | ||
| 168 | (% class="content-wrapper" %) | ||
| 169 | ((( | ||
| 170 | [[image:attach:Tiny - Link einfügen_de.png]] | ||
| 171 | ))) | ||
| 172 | ))) | ||
| 173 | |(% class="numberingColumn" contenteditable="false" data-mce-resize="false" %)(% class="numberingColumn" contenteditable="false" data-mce-resize="false" %) | ||
| 174 | ((( | ||
| 175 | 2 | ||
| 176 | )))|((( | ||
| 177 | (% class="content-wrapper" %) | ||
| 178 | ((( | ||
| 179 | Es öffnet sich ein Dialog, in dem Sie die Adresse des Links direkt angeben können. Alternativ können Sie alle verlinkbaren Dateien auch über das Symbol [[image:attach:Icons@Icon_Durchsuchen.png]] am Ende der URL-Zeile aufrufen. | ||
| 180 | ))) | ||
| 181 | ))) | ||
| 182 | |(% class="numberingColumn" colspan="1" contenteditable="false" data-mce-resize="false" %)(% class="numberingColumn" colspan="1" contenteditable="false" data-mce-resize="false" %) | ||
| 183 | ((( | ||
| 184 | 3 | ||
| 185 | )))|(% colspan="1" %)(% colspan="1" %) | ||
| 186 | ((( | ||
| 187 | (% class="content-wrapper" %) | ||
| 188 | ((( | ||
| 189 | Es öffnet sich ein Dialog zur Dateiauswahl. Wählen Sie hier mit dem Hinzufügen-Button [[image:attach:Icons@Icon_Plus.png]] die gewünschte Zieldatei oder laden Sie mit dem Upload-Button [[image:attach:Icons@Icon_Hochladen.png]] eine neue Datei hoch und wählen Sie diese anschließend aus. | ||
| 190 | |||
| 191 | \\ | ||
| 192 | ))) | ||
| 193 | )))|((( | ||
| 194 | (% class="content-wrapper" %) | ||
| 195 | ((( | ||
| 196 | [[image:attach:Tiny - Datei auswählen_de.png]] | ||
| 197 | ))) | ||
| 198 | ))) | ||
| 199 | |(% class="numberingColumn" colspan="1" contenteditable="false" data-mce-resize="false" %)(% class="numberingColumn" colspan="1" contenteditable="false" data-mce-resize="false" %) | ||
| 200 | ((( | ||
| 201 | 4 | ||
| 202 | )))|(% colspan="1" %)(% colspan="1" %) | ||
| 203 | ((( | ||
| 204 | Anschließend können Sie optional den gewünschten Linktext, der anstelle der URL-Angabe auf der Seite angezeigt wird, und einen alternativen Titel sowie das Sprungziel des Links angeben. Bestätigen Sie die Angaben im Dialog mit Klick auf den OK-Button. | ||
| 205 | |||
| 206 | Speichern Sie die Seite mit dem Button **Speichern und Schließen**. | ||
| 207 | )))|((( | ||
| 208 | (% class="content-wrapper" %) | ||
| 209 | ((( | ||
| 210 | [[image:attach:Tiny - Link konfigurieren_de.png]] | ||
| 211 | ))) | ||
| 212 | ))) | ||
| 213 | |(% class="numberingColumn" colspan="1" contenteditable="false" data-mce-resize="false" %)(% class="numberingColumn" colspan="1" contenteditable="false" data-mce-resize="false" %) | ||
| 214 | ((( | ||
| 215 | 5 | ||
| 216 | )))|(% colspan="1" %)(% colspan="1" %) | ||
| 217 | ((( | ||
| 218 | Die Editoransicht der Seite wird geschlossen und Sie sehen in der Kursansicht den eingefügten Link auf der angezeigten Seite. | ||
| 219 | )))|(% colspan="1" %)(% colspan="1" %) | ||
| 220 | ((( | ||
| 221 | (% class="content-wrapper" %) | ||
| 222 | ((( | ||
| 223 | [[image:attach:Kursrun - Link_de.png]] | ||
| 224 | ))) | ||
| 225 | ))) | ||
| 226 | {{/layout-cell}} | ||
| 227 | {{/layout-section}} | ||
| 228 | |||
| 229 | {{layout-section ac:type="single"}} | ||
| 230 | {{layout-cell}} | ||
| 231 | \\ | ||
| 232 | {{/layout-cell}} | ||
| 233 | {{/layout-section}} | ||
| 234 | |||
| 235 | {{layout-section ac:type="single"}} | ||
| 236 | {{layout-cell}} | ||
| 237 | == Hochgeladenes Video direkt einfügen == | ||
| 238 | |||
| 239 | Liegt eine Video- oder Audiodatei bereits im Kursablageordner als Datei vor, so kann diese ebenfalls abspielbar im Seitentext angezeigt werden. Diese Möglichkeit eignet sich, wenn das Medium noch nicht auf einer Videoplattform hochgeladen wurde. | ||
| 240 | |||
| 241 | [[image:attach:Kursrun - Video direkt_de.png]] | ||
| 242 | |||
| 243 | \\ | ||
| 244 | |||
| 245 | Um ein Video auf diese Art einzufügen, gehen Sie wie folgt vor: | ||
| 246 | |||
| 247 | (% class="wrapped" data-snooker-col-series="numbers" data-snooker-locked-cols="0" %) | ||
| 248 | |(% class="numberingColumn" contenteditable="false" data-mce-resize="false" %)(% class="numberingColumn" contenteditable="false" data-mce-resize="false" %) | ||
| 249 | ((( | ||
| 250 | 1 | ||
| 251 | )))|((( | ||
| 252 | Öffnen Sie den Texteditor und gehen Sie zu der Position im Text, an der das Medium angezeigt werden soll. | ||
| 253 | )))|(% rowspan="2" %)(% rowspan="2" %) | ||
| 254 | ((( | ||
| 255 | (% class="content-wrapper" %) | ||
| 256 | ((( | ||
| 257 | [[image:attach:Tiny - Video einfügen_de.png]] | ||
| 258 | ))) | ||
| 259 | ))) | ||
| 260 | |(% class="numberingColumn" contenteditable="false" data-mce-resize="false" %)(% class="numberingColumn" contenteditable="false" data-mce-resize="false" %) | ||
| 261 | ((( | ||
| 262 | 2 | ||
| 263 | )))|((( | ||
| 264 | Wählen Sie im Menübereich den Eintrag **Einfügen** und klicken Sie dann auf den Eintrag **Video**.** ** | ||
| 265 | ))) | ||
| 266 | |(% class="numberingColumn" contenteditable="false" data-mce-resize="false" %)(% class="numberingColumn" contenteditable="false" data-mce-resize="false" %) | ||
| 267 | ((( | ||
| 268 | 3 | ||
| 269 | )))|((( | ||
| 270 | (% class="content-wrapper" %) | ||
| 271 | ((( | ||
| 272 | Es öffnet sich ein Dialog, in dem Sie die Quelle des Links angeben können. Um alle verlinkbaren Dateien anzuzeigen, klicken Sie auf das Durchsuchen-Symbol [[image:attach:Icons@Icon_Durchsuchen.png]] am Ende der Quellenangabe. | ||
| 273 | ))) | ||
| 274 | )))|((( | ||
| 275 | (% class="content-wrapper" %) | ||
| 276 | ((( | ||
| 277 | [[image:attach:Tiny - Dialog Video einfügen_de.png]] | ||
| 278 | ))) | ||
| 279 | ))) | ||
| 280 | |(% class="numberingColumn" colspan="1" contenteditable="false" data-mce-resize="false" %)(% class="numberingColumn" colspan="1" contenteditable="false" data-mce-resize="false" %) | ||
| 281 | ((( | ||
| 282 | 4 | ||
| 283 | )))|(% colspan="1" %)(% colspan="1" %) | ||
| 284 | ((( | ||
| 285 | (% class="content-wrapper" %) | ||
| 286 | ((( | ||
| 287 | Es öffnet sich ein Dialog zur Medienverwaltung. Wählen Sie hier mit dem Hinzufügen-Button [[image:attach:Icons@Icon_Plus.png]] die gewünschte Zieldatei oder laden Sie mit dem Upload-Button [[image:attach:Icons@Icon_Hochladen.png]] eine neue Datei hoch und wählen Sie diese anschließend aus. | ||
| 288 | ))) | ||
| 289 | )))|(% rowspan="2" %)(% rowspan="2" %) | ||
| 290 | ((( | ||
| 291 | (% class="content-wrapper" %) | ||
| 292 | ((( | ||
| 293 | [[image:attach:Tiny - Videodatei auswählen_de.png]] | ||
| 294 | ))) | ||
| 295 | ))) | ||
| 296 | |(% class="numberingColumn" colspan="1" contenteditable="false" data-mce-resize="false" %)(% class="numberingColumn" colspan="1" contenteditable="false" data-mce-resize="false" %) | ||
| 297 | ((( | ||
| 298 | 5 | ||
| 299 | )))|(% colspan="1" %)(% colspan="1" %) | ||
| 300 | ((( | ||
| 301 | Tragen Sie bei Bedarf weitere optionale Angaben ein. Bestätigen Sie die Angaben im Dialog mit Klick auf den OK-Button. | ||
| 302 | |||
| 303 | Speichern Sie die Seite mit dem Button **Speichern und Schließen**. | ||
| 304 | ))) | ||
| 305 | |(% class="numberingColumn" colspan="1" contenteditable="false" data-mce-resize="false" %)(% class="numberingColumn" colspan="1" contenteditable="false" data-mce-resize="false" %) | ||
| 306 | ((( | ||
| 307 | 6 | ||
| 308 | )))|(% colspan="1" %)(% colspan="1" %) | ||
| 309 | ((( | ||
| 310 | Das Video wird nun auf der Seite angezeigt und ist je nach Gerät und Medienformat direkt abspiel- oder downloadbar. | ||
| 311 | )))|(% colspan="1" %)(% colspan="1" %) | ||
| 312 | ((( | ||
| 313 | (% class="content-wrapper" %) | ||
| 314 | ((( | ||
| 315 | [[image:attach:Kursrun - Video direkt_de.png]] | ||
| 316 | ))) | ||
| 317 | ))) | ||
| 318 | {{/layout-cell}} | ||
| 319 | {{/layout-section}} | ||
| 320 | {{/layout}} | ||
| 321 | {{/sv-translation}} | ||
| 322 | |||
| 323 | |||
| 324 | {{layout}} | ||
| 325 | {{layout-section ac:type="two_right_sidebar"}} | ||
| 326 | {{layout-cell}} | ||
| 327 | You can support the learning process visually or auditorily with a short video or audio excerpt. Therefore, appropriate media can be used in a course or course element in different ways. Besides file storage, which is rather unsuitable for larger media files, you can for example provide the user with a link or offer media that can be played directly in the course element. | ||
| 328 | |||
| 329 | For easy integration of media, use the internal text editor. This page offers step-by-step instructions on how to do this. | ||
| 330 | |||
| 331 | {{note title="Note"}} | ||
| 332 | The playback of the different media formats depends on the device and browser used. The formats mp3 or mp4 are recommended. | ||
| 333 | {{/note}} | ||
| 334 | {{/layout-cell}} | ||
| 335 | |||
| 336 | {{layout-cell}} | ||
| 337 | {{scroll-ignore scroll-pdf="true" scroll-office="true" scroll-chm="true" scroll-docbook="true" scroll-eclipsehelp="true" scroll-epub="true" scroll-html="true"}} | ||
| 338 | {{panel title="Content"}} | ||
| 339 | |||
| 340 | |||
| 341 | {{toc minLevel="2"/}} | ||
| 342 | {{/panel}} | ||
| 343 | {{/scroll-ignore}} | ||
| 344 | {{/layout-cell}} | ||
| 345 | {{/layout-section}} | ||
| 346 | |||
| 347 | {{layout-section ac:type="single"}} | ||
| 348 | {{layout-cell}} | ||
| 349 | \\ | ||
| 350 | {{/layout-cell}} | ||
| 351 | {{/layout-section}} | ||
| 352 | |||
| 353 | {{layout-section ac:type="single"}} | ||
| 354 | {{layout-cell}} | ||
| 355 | == Make video available by embed code == | ||
| 356 | |||
| 357 | This option is suitable for videos that should not be uploaded to the OPAL learning platform because they are already available elsewhere. A video embedded in this way is displayed in the course view with a preview image. The video can be started directly from there by clicking the Play button. The user does not have to switch to another page or tab. | ||
| 358 | |||
| 359 | [[image:attach:Kursrun - eingebettetes Video_en.png]] | ||
| 360 | |||
| 361 | \\ | ||
| 362 | |||
| 363 | To embed a video on an internal page, proceed as follows: | ||
| 364 | |||
| 365 | (% class="wrapped" data-snooker-col-series="numbers" data-snooker-locked-cols="0" %) | ||
| 366 | |(% class="numberingColumn" contenteditable="false" data-mce-resize="false" %)(% class="numberingColumn" contenteditable="false" data-mce-resize="false" %) | ||
| 367 | ((( | ||
| 368 | 1 | ||
| 369 | )))|((( | ||
| 370 | First, you need the **embed code** of the video. You can usually find this code in the editing area of your video platform. For individual platforms, the [[Find embed code>>url:https://www.bps-system.de/help/display/LMSintern/Einbettungscode+finden||shape="rect"]] page describes from where you can copy this code. Save the code to a clipboard. | ||
| 371 | )))|((( | ||
| 372 | (% class="content-wrapper" %) | ||
| 373 | ((( | ||
| 374 | [[image:attach:VCS - Einbettungscode_en.png]] | ||
| 375 | ))) | ||
| 376 | ))) | ||
| 377 | |(% class="numberingColumn" contenteditable="false" data-mce-resize="false" %)(% class="numberingColumn" contenteditable="false" data-mce-resize="false" %) | ||
| 378 | ((( | ||
| 379 | 2 | ||
| 380 | )))|((( | ||
| 381 | Now open the **text editor**, e. g. in a single page course element, to which you wish to paste the video. Select **Insert** from the tool area of the text editor. A list opens. Here click on the **Media** selection option. | ||
| 382 | )))|((( | ||
| 383 | (% class="content-wrapper" %) | ||
| 384 | ((( | ||
| 385 | [[image:attach:Tiny - Video einfügen_en.png]] | ||
| 386 | ))) | ||
| 387 | ))) | ||
| 388 | |(% class="numberingColumn" contenteditable="false" data-mce-resize="false" %)(% class="numberingColumn" contenteditable="false" data-mce-resize="false" %) | ||
| 389 | ((( | ||
| 390 | 3 | ||
| 391 | )))|((( | ||
| 392 | In the dialogue that opens, select the displayed **Embed** tab. Enter your embed code in the text field. Close the dialogue with **OK**. | ||
| 393 | )))|((( | ||
| 394 | (% class="content-wrapper" %) | ||
| 395 | ((( | ||
| 396 | [[image:attach:Tiny - Einbettungscode_en.png]] | ||
| 397 | ))) | ||
| 398 | ))) | ||
| 399 | |(% class="numberingColumn" contenteditable="false" data-mce-resize="false" %)(% class="numberingColumn" contenteditable="false" data-mce-resize="false" %) | ||
| 400 | ((( | ||
| 401 | 4 | ||
| 402 | )))|((( | ||
| 403 | A placeholder for the video will then appear in the text field. Save your page with **Save and close**. | ||
| 404 | )))|((( | ||
| 405 | (% class="content-wrapper" %) | ||
| 406 | ((( | ||
| 407 | [[image:attach:Tiny - Schließen_en.png]] | ||
| 408 | ))) | ||
| 409 | ))) | ||
| 410 | |(% class="numberingColumn" contenteditable="false" data-mce-resize="false" %)(% class="numberingColumn" contenteditable="false" data-mce-resize="false" %) | ||
| 411 | ((( | ||
| 412 | 5 | ||
| 413 | )))|((( | ||
| 414 | The editor view of the page closes, and you will see the playable video on the displayed page in the course view. | ||
| 415 | )))|((( | ||
| 416 | (% class="content-wrapper" %) | ||
| 417 | ((( | ||
| 418 | [[image:attach:Kursrun - eingebettetes Video_en.png]] | ||
| 419 | ))) | ||
| 420 | ))) | ||
| 421 | |||
| 422 | {{info}} | ||
| 423 | [[image:attach:VCS.Icons Videocampus Sachsen@Icon_Logo VCS.png]] | ||
| 424 | |||
| 425 | If you use a video from the Videocampus Sachsen for embedding, please check the options set there for your medium in the “Visibility of publication” area. **At least the “hidden” and “allow anonymous access” options** must be activated for the video to be visible in OPAL. | ||
| 426 | |||
| 427 | Here is a small overview of the other options available there: | ||
| 428 | |||
| 429 | * Private: Not available to other users | ||
| 430 | * Hidden (if applicable + Anonymous): Can be found via a link | ||
| 431 | * Public (if applicable + Anonymous): Can be found via the Videocampus’s media overview | ||
| 432 | * Anonymous: Access is also possible without login. This is important for embedding media on other websites. | ||
| 433 | {{/info}} | ||
| 434 | |||
| 435 | {{info}} | ||
| 436 | By using an embedded code, other content that is available via URL can also be integrated into an HTML page. Application examples can be found here [[doc:Inhalte einbetten]]. | ||
| 437 | {{/info}} | ||
| 438 | {{/layout-cell}} | ||
| 439 | {{/layout-section}} | ||
| 440 | |||
| 441 | {{layout-section ac:type="single"}} | ||
| 442 | {{layout-cell}} | ||
| 443 | \\ | ||
| 444 | {{/layout-cell}} | ||
| 445 | {{/layout-section}} | ||
| 446 | |||
| 447 | {{layout-section ac:type="single"}} | ||
| 448 | {{layout-cell}} | ||
| 449 | == Insert video link == | ||
| 450 | |||
| 451 | If the video should not be visible in such a prominent way, as it is rather complementary to the text, it might be a good idea to include the video/audio file as a link. Here the user is shown a simple link entry, which can optionally be used to open the video in a new browser tab. | ||
| 452 | |||
| 453 | [[image:attach:Kursrun - Link_en.png]] | ||
| 454 | |||
| 455 | \\ | ||
| 456 | |||
| 457 | To insert the link to a video, proceed as follows: | ||
| 458 | |||
| 459 | (% class="wrapped" data-snooker-col-series="numbers" data-snooker-locked-cols="0" %) | ||
| 460 | |(% class="numberingColumn" contenteditable="false" data-mce-resize="false" %)(% class="numberingColumn" contenteditable="false" data-mce-resize="false" %) | ||
| 461 | ((( | ||
| 462 | 1 | ||
| 463 | )))|((( | ||
| 464 | (% class="content-wrapper" %) | ||
| 465 | ((( | ||
| 466 | Open the text editor and create or edit the text. Select the **Insert link** icon[[image:attach:Icons@Icon_Link.png]]from the menu bar of the editor. | ||
| 467 | ))) | ||
| 468 | )))|(% rowspan="2" %)(% rowspan="2" %) | ||
| 469 | ((( | ||
| 470 | (% class="content-wrapper" %) | ||
| 471 | ((( | ||
| 472 | [[image:attach:Tiny - Link einfügen_en.png]] | ||
| 473 | ))) | ||
| 474 | ))) | ||
| 475 | |(% class="numberingColumn" contenteditable="false" data-mce-resize="false" %)(% class="numberingColumn" contenteditable="false" data-mce-resize="false" %) | ||
| 476 | ((( | ||
| 477 | 2 | ||
| 478 | )))|((( | ||
| 479 | (% class="content-wrapper" %) | ||
| 480 | ((( | ||
| 481 | A dialogue opens in which you can directly enter the link address. Alternatively, you can also access all linkable files via the[[image:attach:Icons@Icon_Durchsuchen.png]]icon at the end of the URL line. | ||
| 482 | ))) | ||
| 483 | ))) | ||
| 484 | |(% class="numberingColumn" contenteditable="false" data-mce-resize="false" %)(% class="numberingColumn" contenteditable="false" data-mce-resize="false" %) | ||
| 485 | ((( | ||
| 486 | 3 | ||
| 487 | )))|((( | ||
| 488 | (% class="content-wrapper" %) | ||
| 489 | ((( | ||
| 490 | The file selection dialogue opens. Use the Add button [[image:attach:Icons@Icon_Plus.png]] to select the desired target file or the Upload button[[image:attach:Icons@Icon_Hochladen.png]]to upload a new file which can then also be selected. | ||
| 491 | ))) | ||
| 492 | )))|((( | ||
| 493 | (% class="content-wrapper" %) | ||
| 494 | ((( | ||
| 495 | [[image:attach:Tiny - Datei auswählen_en.png]] | ||
| 496 | ))) | ||
| 497 | ))) | ||
| 498 | |(% class="numberingColumn" contenteditable="false" data-mce-resize="false" %)(% class="numberingColumn" contenteditable="false" data-mce-resize="false" %) | ||
| 499 | ((( | ||
| 500 | 4 | ||
| 501 | )))|((( | ||
| 502 | As a next optional step, you can specify a link text to be displayed on the page instead of the URL as well as an alternative title and the link's jump target. Confirm your entries in the dialogue by clicking on OK. | ||
| 503 | |||
| 504 | Save the page with **Save and close**. | ||
| 505 | )))|((( | ||
| 506 | (% class="content-wrapper" %) | ||
| 507 | ((( | ||
| 508 | [[image:attach:Tiny - Link konfigurieren_en.png]] | ||
| 509 | ))) | ||
| 510 | ))) | ||
| 511 | |(% class="numberingColumn" contenteditable="false" data-mce-resize="false" %)(% class="numberingColumn" contenteditable="false" data-mce-resize="false" %) | ||
| 512 | ((( | ||
| 513 | 5 | ||
| 514 | )))|((( | ||
| 515 | The editor view of the page closes, and you will see the inserted link on the displayed page in the course view. | ||
| 516 | )))|((( | ||
| 517 | (% class="content-wrapper" %) | ||
| 518 | ((( | ||
| 519 | [[image:attach:Kursrun - Link_en.png]] | ||
| 520 | ))) | ||
| 521 | ))) | ||
| 522 | {{/layout-cell}} | ||
| 523 | {{/layout-section}} | ||
| 524 | |||
| 525 | {{layout-section ac:type="single"}} | ||
| 526 | {{layout-cell}} | ||
| 527 | \\ | ||
| 528 | {{/layout-cell}} | ||
| 529 | {{/layout-section}} | ||
| 530 | |||
| 531 | {{layout-section ac:type="single"}} | ||
| 532 | {{layout-cell}} | ||
| 533 | == Insert uploaded video directly == | ||
| 534 | |||
| 535 | If a video or audio file is already available in the course storage folder, it can also be displayed in the page text in a playable format. This option is useful if the medium has not yet been uploaded to a video platform. | ||
| 536 | |||
| 537 | [[image:attach:Kursrun - Video direkt_en.png]] | ||
| 538 | |||
| 539 | \\ | ||
| 540 | |||
| 541 | To insert a video in this way, proceed as follows: | ||
| 542 | |||
| 543 | (% class="wrapped" data-snooker-col-series="numbers" data-snooker-locked-cols="0" %) | ||
| 544 | |(% class="numberingColumn" contenteditable="false" data-mce-resize="false" %)(% class="numberingColumn" contenteditable="false" data-mce-resize="false" %) | ||
| 545 | ((( | ||
| 546 | 1 | ||
| 547 | )))|((( | ||
| 548 | Open the text editor and go to the position in the text where the medium should be displayed. | ||
| 549 | )))|(% rowspan="2" %)(% rowspan="2" %) | ||
| 550 | ((( | ||
| 551 | (% class="content-wrapper" %) | ||
| 552 | ((( | ||
| 553 | [[image:attach:Tiny - Video einfügen_en.png]] | ||
| 554 | ))) | ||
| 555 | ))) | ||
| 556 | |(% class="numberingColumn" contenteditable="false" data-mce-resize="false" %)(% class="numberingColumn" contenteditable="false" data-mce-resize="false" %) | ||
| 557 | ((( | ||
| 558 | 2 | ||
| 559 | )))|((( | ||
| 560 | In the menu area, select **Insert** and then click on **Media**. | ||
| 561 | ))) | ||
| 562 | |(% class="numberingColumn" contenteditable="false" data-mce-resize="false" %)(% class="numberingColumn" contenteditable="false" data-mce-resize="false" %) | ||
| 563 | ((( | ||
| 564 | 3 | ||
| 565 | )))|((( | ||
| 566 | (% class="content-wrapper" %) | ||
| 567 | ((( | ||
| 568 | A dialogue opens in which you can enter the link source. To display all files that can be linked, click the browse icon[[image:attach:Icons@Icon_Durchsuchen.png]]next to the link source. | ||
| 569 | ))) | ||
| 570 | )))|((( | ||
| 571 | (% class="content-wrapper" %) | ||
| 572 | ((( | ||
| 573 | [[image:attach:Tiny - Dialog Video einfügen_en.png]] | ||
| 574 | ))) | ||
| 575 | ))) | ||
| 576 | |(% class="numberingColumn" contenteditable="false" data-mce-resize="false" %)(% class="numberingColumn" contenteditable="false" data-mce-resize="false" %) | ||
| 577 | ((( | ||
| 578 | 4 | ||
| 579 | )))|((( | ||
| 580 | (% class="content-wrapper" %) | ||
| 581 | ((( | ||
| 582 | The media management dialogue opens. Use the Add button [[image:attach:Icons@Icon_Plus.png]] to select the desired target file or the Upload button[[image:attach:Icons@Icon_Hochladen.png]] to upload a new file which can then also be selected. | ||
| 583 | ))) | ||
| 584 | )))|(% rowspan="2" %)(% rowspan="2" %) | ||
| 585 | ((( | ||
| 586 | (% class="content-wrapper" %) | ||
| 587 | ((( | ||
| 588 | [[image:attach:Tiny - Videodatei auswählen_en.png]] | ||
| 589 | ))) | ||
| 590 | ))) | ||
| 591 | |(% class="numberingColumn" contenteditable="false" data-mce-resize="false" %)(% class="numberingColumn" contenteditable="false" data-mce-resize="false" %) | ||
| 592 | ((( | ||
| 593 | 5 | ||
| 594 | )))|((( | ||
| 595 | If necessary, enter additional optional information. Confirm your entries in the dialogue by clicking on OK. | ||
| 596 | |||
| 597 | Save the page with **Save and close**. | ||
| 598 | ))) | ||
| 599 | |(% class="numberingColumn" contenteditable="false" data-mce-resize="false" %)(% class="numberingColumn" contenteditable="false" data-mce-resize="false" %) | ||
| 600 | ((( | ||
| 601 | 6 | ||
| 602 | )))|((( | ||
| 603 | The video is now displayed on the page and can be directly played or downloaded depending on the device and media format. | ||
| 604 | )))|((( | ||
| 605 | (% class="content-wrapper" %) | ||
| 606 | ((( | ||
| 607 | [[image:attach:Kursrun - Video direkt_en.png]] | ||
| 608 | ))) | ||
| 609 | ))) | ||
| 610 | {{/layout-cell}} | ||
| 611 | {{/layout-section}} | ||
| 612 | {{/layout}} | ||
| 613 | {{/sv-translation}} |