Dr. Björn Fisseler

Videos in Moodle einfügen

Stand: März 2019

Inhaltsverzeichnis

1 Videos in Moodle ............................................................................................................................ 3

2 Einfügen von YouTube-Videos ........................................................................................................ 3

2.1 Vorgehen .................................................................................................................................. 3

2.2 Textseite erstellen .................................................................................................................... 4

2.3 YouTube-Video einfügen.......................................................................................................... 4

2.3.1 Video mittels Generico-Plugin einfügen ................................................................................ 5

2.3.2 Video über die Quelltext-Ansicht einfügen ........................................................................... 5

2.4 Folien einfügen......................................................................................................................... 7

2.5 Untertitel .................................................................................................................................. 9

2.6 Abschluss .................................................................................................................................. 9

2.7 Anmerkungen ......................................................................................................................... 10

3 Videos mit H5P einfügen ............................................................................................................... 11

3.1 Interaktiven Inhalt erstellen................................................................................................... 11

3.2 Inhaltstyp auswählen ............................................................................................................. 11

3.3 Video einfügen ....................................................................................................................... 12

3.4 Untertitel einbinden............................................................................................................... 12

3.5 Folien und Transkripte ergänzen ........................................................................................... 14

3.6 Abschluss ................................................................................................................................ 16

Dr. Björn Fisseler, FernUniversität in Hagen 3

1 Videos in Moodle

In vielen Lehrangeboten der Psychologie werden selber erstellte Videos genutzt. Derzeit (Stand März

2019) gibt es zwei Varianten, wie Videos den Studierenden zur Verfügung gestellt werden können:

entweder wird dazu der FernUni-eigene Streamingserver genutzt oder die Videos werden über

YouTube ausgespielt. Beide Lösungen haben Vor- und Nachteile. So passen sich YouTube-Videos

automatisch an die verfügbare Bandbreite und Auflösung an, was den Studierenden immer die

bestmögliche Qualität garantiert. Auf dem eigenen Streamingserver werden die Videos in einer sehr

hohen Auflösung vorgehalten, was bei geringer Bandbreite zu Problemen führen kann.

2 Einfügen von YouTube-Videos

Die hauseigene Videolösung der Fernuniversität stellt Videos auf einem separaten Server in einer

Auflösung zur Verfügung. Studierende müssen sich erneut anmelden, um die Videos anschauen zu

können. Zudem ist eine Integration von Untertiteln nicht möglich.

YouTube dagegen erlaubt die Integration von Videos an beliebiger Stelle in Onlinekursen. Videos

werden automatisch in verschiedenen Auflösungen und Qualitätsstufen bereitgestellt, wodurch

Videos auf verschiedenen Geräten (Computer, Tablet, Handy) problemlos abgespielt werden können.

Weiter erlaubt YouTube die einfache Einbindung von Untertiteln und stellt einen aktuellen HTML5-

basierten Player zur Verfügung.

2.1 Vorgehen

• Für das Hochladen und Bereitstellen von Videos in YouTube wird ein Funktionsaccount genutzt. Zur Nutzung von YouTube ist also keine Google-Mailadresse erforderlich. Es muss aber ein Konto bei YouTube angelegt werden, das in diesem Fall über eine Fernuni-Mailadresse läuft.

• Aktuell werden über diesen Funktionsaccount Videos in einem Modul bedient. Die Videos von Modul 1 sind in einem Kanal gebündelt, wobei die Videos der verschiedenen Kurse in eigenen Playlists geführt werden. Der Kanal darf nicht in den Empfehlungen anderer Kanäle angezeigt werden. Es werden auch keine Anzeigen neben den Videos zugelassen.

• Alle Playlists und alle Videos sind nicht gelistet, dadurch können sie nicht in YouTube per Suchfunktion gefunden werden. Um die Videos direkt in YouTube anschauen zu können, muss die URL bekannt sein.

• Für einzelne Videos sind keine Kommentare und keine Bewertungen zugelassen. Die Integration von Videos erfolgt über https-Links und mit Aktivierung aller möglichen Datenschutzeinstellungen in YouTube.

Das ZMI hat eine ausführliche Anleitung zur Arbeit mit YouTube erstellt, die ausführlich das Anlegen

eines Kontos bei YouTube dokumentiert und auch die Datenschutzvereinbarung enthält, die vor der

Nutzung von YouTube unterschrieben werden muss.

Um die folgenden Schritte nachzuvollziehen, muss in Moodle der Bearbeitungsmodus aktiviert sein.

Inhalte und Medien in Moodle

2.2 Textseite erstellen

Zuerst muss im entsprechenden Abschnitt der Kursumgebung eine neue Textseite angelegt werden.

Diese Textseite wird das Vorlesungsvideo und – bei Bedarf – die Folien zur Vorlesung enthalten.

Jede Textseite benötigt einen eindeutigen Namen und ggf. eine Beschreibung. Ob die Beschreibung im

Kurs angezeigt wird, kann über die entsprechende Einstellung gesteuert werden. Nun werden Video

und Folien im Seiteninhalt eingefügt.

2.3 YouTube-Video einfügen

Es gibt verschiedene Möglichkeiten, ein YouTube-Video in Moodle einzubinden. In diesem Handout

werden zwei verschiedene Varianten vorgestellt. Für beide wird zunächst die sogenannte ID des

YouTube-Videos benötigt. Dazu wird das Video in YouTube aufgerufen und auf „Teilen“ geklickt. Es

erscheint ein Dialogfenster mit der Kurz-URL des Videos. Von dieser Kurz-URL wird der Teil hinter dem

letzten Schrägstrich benötigt, die eindeutige ID des Videos:

Abbildung 1: ID eines YouTube-Videos

Die ID des Beispielvideos lautet: G_mf87o90-g

Jetzt kann das Video in die Textseite eingefügt werden. Zunächst die einfachere Variante.

Inhalte und Medien in Moodle

2.3.1 Video mittels Generico-Plugin einfügen

Dazu wird im Editor auf die

Generico-Schaltfläche geklickt

(siehe auch Error!

Reference source not found.)

und die Frage „What do you

want to insert?“ mit einem

Klick auf „youtube“

beantwortet. Nun wird die ID

des Videos in das

entsprechende Feld

eingetragen und auf „Insert“ geklickt. Im Seiteninhalt erscheint als Ergebnis folgender Text:

{GENERICO:type="youtube",youtubeid="G_mf87o90-g"}. Dieser wird von Moodle nach dem Speichern

durch das Video ersetzt:

Abbildung 3: YouTube-Video in einer Textseite eingebettet – Beispiel 1

Wird das Video auf diese Weise eingefügt, dann füllt es den zur Verfügung stehenden Bereich nur zu

70% aus (Stand: September 2017). Soll das Video den gesamten Bereich ausfüllen, muss eine

komplexere Lösung gewählt werden.

2.3.2 Video über die Quelltext-Ansicht einfügen

Hierzu wird der Quelltext des Seiteninhalts aufgerufen (Symbol „<>“ im Editor) und folgender HTML-

Code eingegeben:

Abbildung 2: Dialog zum Einfügen des YouTube-Videos

Inhalte und Medien in Moodle

<div class="iframe-container" style="position:relative; margin-

bottom: 30px; padding-bottom:56.25%; padding-top:25px; height:0; max-

width:100%;">

<iframe style="position:absolute; top:0; left:0; width:100%;

height:100%; border:none;" src="https://www.youtube-

nocookie.com/embed/G_mf87o90-g?rel=0&amp;showinfo=0"

allowfullscreen=""></iframe>

</div>

Hier wird die ID des YouTube-Videos an der markierten Stelle hinter dem „/embed/“ in die URL

eingetragen. Der Vorteil dieser Lösung ist, dass das Video den gesamten verfügbaren Bereich ausnutzt:

Abbildung 4: YouTube-Video in einer Textseite eingebettet - Beispiel 2

Die Videos beider Lösungen verhalten sich responsiv, d.h. sie passen sich automatisch dem

verfügbaren Anzeigebereich an. Auf Smartphones und Tablets sind sie dadurch genauso gut nutzbar

wie am Computer.

Jetzt werden noch die Folien als Datei in die Textseite integriert.

Inhalte und Medien in Moodle

2.4 Folien einfügen

Zuerst müssen die Vorlesungsfolien als Datei eingefügt werden. Dazu auf den Button „Dateien

verwalten“ im Editor klicken. Es erscheint ein Dialog, mit dem die Dateien der Textseite verwaltet

werden können. Die Foliendatei (PowerPoint, PDF, o. ä.) kann nun einfach per Drag&Drop mit der

Maus in das Dateifeld gezogen werden. Dann wird die Datei hochgeladen.

Abbildung 5: Dialog zur Verwaltung von Dateien

Wenn die Datei erfolgreich hochgeladen wurde, wird das Dialogfeld einfach über das „X“ geschlossen.

Die auf diese Weise hochgeladene Datei wurde nun in die Textseite eingebettet.

Jetzt wird der Text „Folien“ mit der Maus markiert und dort ein Link eingefügt. Im Dialogfeld „Link

anlegen“ nun den Button „Repositories durchsuchen...“ aufrufen. Über „Eingebettete Dateien“ kann

die soeben hochgeladene Datei aufgerufen und ausgewählt werden.

Inhalte und Medien in Moodle

Abbildung 6: Dateiauswahl

Es sollte automatisch in der

Dateiauswahl die gerade

eingefügte Foliendatei

erscheinen. Diese auswählen

und im folgenden Dialog „Datei

auswählen“ bestätigen

Abbildung 7: Dateiauswahl bestätigen

2.5 Untertitel

Wenn für ein YouTube-Video Untertitel erstellt wurden, sollten diese auch direkt in YouTube in das Video

eingebunden werden. Dafür wird das entsprechende Video om YouTube-Studio aufgerufen und bearbeitet. Im

Abschnitt „Erweitert“ können im Bereich „Originalsprache des Videos und Untertitel“ Untertitel in den Formaten

.SRT, .VTT oder anderen Formaten hochgeladen werden. Liegen die Untertitel in anderen Formaten vor, können sie

problemlos in z.B. das VTT-Format umgewandelt werden. Teilweise gehen bei diesen Konvertierungen aber

Formatierungen (fett, kursiv, unterstrichen u.ä.) verloren.

2.6 Abschluss

Die Textseite mit Video und Folien ist jetzt fertig. Zum Speichern entweder „Speichern und zum Kurs“ oder

„Speichern und anzeigen“ wählen. Es erscheint möglicherweise ein Dialog, der mit „Seite verlassen“ bestätigt

werden muss. Die Seite sollte anschließend so aussehen:

Abbildung 8: Beispiel für ein Video mit ergänzenden Folien

2.7 Anmerkungen

In der aktuellen Version 3 bietet Moodle leistungsstarke Lösungen, um Audio und Video in Inhalte einzufügen. Über

das Symbol „Medien“ im Editor lassen sich beliebige Audio- und Videoinhalte einfügen und außerdem mit

Untertiteln versehen. Zum derzeitigen Stand (September 2017) bietet sich diese Variante aber nicht zur Integration

von Videos an. Die Dateien werden derzeit nämlich im Dateibereich des Moodle-Kurses gespeichert. Da

Videodateien in der Regel sehr groß sind, würde es den Server überlasten, wenn nun alle Videos dort gespeichert

würden. Externe Lösungen wie YouTube (und ein mögliches künftiges Videomanagementsystem) lagern die Dateien

aus. Dadurch werden Videos nicht z. B. bei der Kursduplizierung kopiert und der Dateibereich bleibt überschaubar.

Für einzelne Audioinhalte ist die Speicherung in der Kursumgebung i.d.R. vertretbar.

3 Videos mit H5P einfügen

3.1 Interaktiven Inhalt erstellen

Um ein Video mit Hilfe von H5P einzufügen, muss zunächst eine Aktivität des Typs „Interaktiver Inhalt“ erstellt

werden:

• Gehen Sie in die gewünschte Moodle-Kursumgebung.

• Schalten Sie den Bearbeitungsmodus ein.

• Wählen Sie im gewünschten Abschnitt aus der Auswahlliste „Aktivität anlegen…“ den Punkt „Interaktiver

Inhalt“ aus.

Es erscheint das Konfigurationsfenster für den neuen interaktiven Inhalt. Geben Sie dem Inhalt zunächst im Feld

„Name“ einen geeigneten Namen.

3.2 Inhaltstyp auswählen

Um mit H5P ein Video einzufügen, wählen

Sie aus der Liste mit den Inhaltstypen den

Eintrag „Interactive Video“ aus.

Es öffnet sich anschließend der „Interactive

Video Editor“, mit dem das Video eingefügt

und konfiguriert wird.

Abbildung 9: Inhaltstyp in H5P auswählen

3.3 Video einfügen

Abbildung 10: Dialog zum Einfügen von Videos

Klicken Sie im Abschnitt „Add a video“ auf das + Symbol, um ein Video hinzuzufügen. Es erscheint ein Dialogfenster

mit einem Textfeld für eine Video-URL. In dieses Textfeld muss nun die URL des Videos eingetragen werden, z.B.

http://video.fernuni-hagen.de:8080/aop/03423/03423_01.mp4

Auch YouTube-Videos können so eingebunden werden, allerdings entspricht diese Vorgehensweise nicht den

Absprachen mit dem Datenschutz.

Mit einem Klick auf „Insert“ wird das Video eingebunden.

3.4 Untertitel einbinden

H5P unterstützt Untertitel im Format VTT, das von ZMI standardmäßig bei der Untertitelung verwendet wird.

Sollten Untertitel in einem anderen Format vorliegen, können diese in das Format VTT umgewandelt werden.

Was ist der Unterschied zwischen Captions und Subtitles?

Im Englischen wird oft zwischen Captions und Subtitles unterschieden, während im Deutschen oft nur von

Untertiteln die Rede ist. Captions sind umfassender als Subtitles. Während Subtitles primär die gesprochene

Sprache eines Videos wiedergeben, werden bei Captions auch andere Audioinhalte wiedergegeben („Tür knallt“,

„*Musik*“).

Abbildung 11: Dialog zum Einfügen von Untertiteln

So fügen Sie Untertitel hinzu:

1. Klappen Sie zunächst den Dialogbereich „Text tracks“ auf.

2. Vergeben Sie nun eine Bezeichnung für den Texttrack. Es können mehrere Texttracks zu einem Video

hinzugefügt werden. Bei Untertiteln bietet sich natürlich die Bezeichnung „Untertitel“ an.

3. Als Typ wird „Captions“ ausgewählt.

4. Nun muss noch die Sprache des Texttracks angegeben werden. Für deutschsprachige Untertitel ist der Code

„de“.

5. Jetzt muss noch die Datei mit den Untertiteln ausgewählt werden. Nach einem Klick auf „Add“ erscheint

ein Dateiauswahldialog, mit dem Sie die gewünschte Datei auswählen können.

Damit wurden die Untertitel hinzugefügt. Sollen weitere Tracks zum Video hinzugefügt werden, können Sie über

„Add Track“ weitere Texttracks hinzufügen.

3.5 Folien und Transkripte ergänzen

Foliensätze und Transkripte zum Video können gut in der Beschreibung zum H5P-Inhalt eingefügt werden. So ist

sichergestellt, dass z.B. beim Verschieben des Videos in der Kursumgebung die dazugehörenden Inhalte mit an die

neue Position verschoben werden. Das Vorgehen wird am Beispiel eines Transkripts erläutert. Zunächst muss das

Transkript in den Dateibereich des Inhalts eingefügt werden.

Abbildung 12: Beschreibungsfeld eines interaktiven Inhalts

Wählen Sie dazu im Editor im Beschreibungsbereich das Symbol für „Dateien

verwalten“ aus. Es erscheint ein Dialogfenster. Fügen Sie die Datei mit dem

Transkript per Drag&Drop oder über den Dateiauswahldialog ein. Beim Hochladen

erscheint ein Infodialog zum Urheberrecht, den Sie mit einem Klick auf

„Hochladen“ bestätigen.

Nun kann in der Beschreibung des Inhalts auf das Transkript verlinkt werden.

Markieren Sie dazu den Text, der als Link verwendet wird, und klicken auf das Linksymbol. Im Dialogfenster wählen

Sie anschließend „Repositories durchsuchen…“. In der nun erscheinenden Dateiauswahl wählen Sie das soeben

hochgeladene Textdokument aus:

Abbildung 13: Dateien verwalten

Abbildung 14: Datei auswählen

Jetzt können die Studierenden in der Beschreibung des Videos auf das Transkript zugreifen.

Abbildung 15: Beschreibung mit verlinktem Transkript

Für Foliensätze und andere Dateien, die mit dem Video angeboten werden sollen, kann entsprechend verfahren

werden.

3.6 Abschluss

Die Textseite mit Video, Transkript und Folien ist jetzt fertig. Zum Speichern entweder „Speichern und zum Kurs“

oder „Speichern und anzeigen“ wählen. Es erscheint möglicherweise ein Dialog, der mit „Seite verlassen“ bestätigt

werden muss. Die Seite sollte anschließend so aussehen:

Abbildung 16: Fertiges Video, das mit H5P eingebunden wurde

Über das CC-Symbol in der Bedienleiste des Videoplayers können die Studierenden die Untertitel und andere

Texttracks ein- und ausschalten.