Videos in ILIAS einbinden

Einleitung

Videos sind ein wichtiger Bestandteil der Hochschullehre. Damit ILIAS stabil und performant bleibt, werden Videodateien nicht direkt in ILIAS gespeichert, sondern über die HHU-Mediathek bereitgestellt.

Diese Anleitung beschreibt:

• die verbindlichen Nutzungsbedingungen
• die Auswahl der passenden Einbindungsmethode
• die Einbindung vorhandener Mediathek-Videos über das ViMP-Plugin
• den Upload neuer Videos über ViMP oder direkt in der Mediathek
• das Einfügen externer Inhalte beziehungsweise iFrames
• die Verarbeitung, Rechteverwaltung und Fehlerbehebung

1. Nutzungsbedingungen für Videos in ILIAS

1.1 Speicherung und Bereitstellung

Videodateien dürfen nicht als Dateiobjekt, Medienobjekt oder über andere allgemeine Upload-Funktionen direkt in ILIAS gespeichert und bereitgestellt werden.

Zur Speicherung, Verarbeitung und Bereitstellung von Videos ist die HHU-Mediathek zu verwenden. Der Upload über das in ILIAS integrierte ViMP-Plugin ist zulässig, da die Videodateien dabei an die Mediathek übertragen und dort gespeichert, transkodiert und ausgeliefert werden.

Diese Regelung dient insbesondere dazu,

• die Systemleistung von ILIAS nicht durch große Videodateien und hohe Abrufzahlen zu beeinträchtigen
• den ILIAS-Dateispeicher und die Datensicherung zu entlasten
• Videos über einen für Streaming vorgesehenen Dienst bereitzustellen
• Zugriffsrechte und Videoverwaltung zentral zu steuern

1.2 Zulässige Einbindungen

Das Einbinden eines Videos in ILIAS ist zulässig, wenn die Videodatei außerhalb des ILIAS-Dateispeichers gespeichert ist. Unterstützte Wege sind:

• Einbindung über ein ViMP-Objekt
• Upload über das ViMP-Plugin mit anschließender Einbindung
• Einbindung über Externen Inhalt beziehungsweise iFrame

1.3 Rechte, Datenschutz und Download

Für die hochgeladenen und eingebundenen Inhalte gelten folgende Anforderungen:

• Es dürfen nur Videos verwendet werden, für die die erforderlichen Nutzungsrechte vorliegen
• Bei Aufzeichnungen mit erkennbaren oder hörbaren Personen sind die geltenden Datenschutz- und Einwilligungsregelungen zu beachten
• Sichtbarkeit und Zugriff sind so restriktiv wie möglich einzustellen
• Die Download-Funktion darf nur aktiviert werden, wenn ein Herunterladen ausdrücklich beabsichtigt ist
• Lizenzangaben dürfen nur gesetzt werden, wenn die entsprechende Lizenz tatsächlich vergeben werden darf

2. Welche Methode passt zu meinem Vorhaben?

3. Methode A: Vorhandenes Mediathek-Video über das ViMP-Plugin einbinden

Diese Methode ist der empfohlene Standardweg für Videos aus der HHU-Mediathek. Das Video bleibt zentral in der Mediathek gespeichert und wird über ein ViMP-Objekt im ILIAS-Kurs bereitgestellt.

3.1 ViMP-Objekt im Kurs anlegen

1. Öffnen Sie den gewünschten ILIAS-Kurs, die Gruppe oder den Ordner.
2. Aktivieren Sie bei Bedarf den Bearbeitungsmodus.
3. Wählen Sie Neues Objekt hinzufügen.
4. Wählen Sie den Objekttyp ViMP.
5. Geben Sie einen aussagekräftigen Titel ein.
6. Bestätigen Sie mit Erstellen.

Abbildung 1: ViMP als neues Objekt im ILIAS-Kurs anlegen.

3.2 Vorhandenes Video auswählen

1. Öffnen Sie das angelegte ViMP-Objekt.
2. Wechseln Sie in den Bereich zur Auswahl vorhandener Videos.
3. Suchen Sie nach Titel, Autorin beziehungsweise Autor, Kategorie oder Erstellungsdatum.
4. Aktivieren Sie bei Bedarf Meine Videos anzeigen.
5. Markieren Sie das gewünschte Video.
6. Fügen Sie es dem ViMP-Objekt hinzu.
7. Speichern Sie die Auswahl.

Abbildung 2: Vorhandenes Video aus der Mediathek auswählen.

3.3 Mehrere Videos ordnen

Ein ViMP-Objekt kann mehrere Videos enthalten.

1. Öffnen Sie die Liste der ausgewählten Videos.
2. Sortieren Sie die Videos in die gewünschte Reihenfolge.
3. Speichern Sie die Änderungen.
4. Prüfen Sie anschließend die Darstellung aus Sicht eines Kursmitglieds.

Abbildung 3: Mehrere Videos innerhalb eines ViMP-Objekts per Drag & Drop ordnen.

3.4 Einbindung testen

1. Öffnen Sie das ViMP-Objekt in der normalen Kursansicht.
2. Starten Sie das Video.
3. Prüfen Sie Bild und Ton.
4. Nutzen Sie möglichst die ILIAS-Funktion Voransicht als Mitglied.
5. Prüfen Sie, ob der Zugriff auch mit normalen Kursmitgliedsrechten möglich ist.

4. Methode B: Neues Video über das ViMP-Plugin hochladen

Der Upload wird in ILIAS gestartet. Die Videodatei wird dabei nicht im ILIAS-Dateispeicher abgelegt, sondern an die HHU-Mediathek übertragen.

4.1 Upload starten

1. Öffnen Sie ein vorhandenes ViMP-Objekt oder legen Sie ein neues ViMP-Objekt an.
2. Wechseln Sie in den Bereich Videos beziehungsweise Upload.
3. Wählen Sie Video hochladen.
4. Wählen Sie die Videodatei auf Ihrem Rechner aus.
5. Füllen Sie die erforderlichen Angaben aus.
6. Starten Sie den Upload.

Abbildung 4: Neues Video über das ViMP-Plugin hochladen.

4.2 Metadaten erfassen

4.3 Transkodierung abwarten

Nach dem Upload wird das Video in der Mediathek verarbeitet. In dieser Zeit kann der Status Transkodierung läuft angezeigt werden.

• Die Dauer hängt von Dateigröße, Videolänge und aktueller Systemauslastung ab
• Starten Sie währenddessen keinen zweiten Upload derselben Datei
• Nach Abschluss erhält die Besitzerin beziehungsweise der Besitzer des Videos per E-Mail eine Benachrichtigung, dass die Transkodierung abgeschlossen ist
• Prüfen Sie das Video anschließend auf Bild, Ton und vollständige Laufzeit

5. Methode C: Video direkt in der HHU-Mediathek hochladen

Diese Methode eignet sich, wenn ein Video zunächst unabhängig von einem bestimmten ILIAS-Kurs verwaltet werden soll.

5.1 Upload öffnen

1. Öffnen Sie die HHU-Mediathek.
2. Melden Sie sich mit Ihrer Universitätskennung an.
3. Wählen Sie in der Kopfzeile Upload.
4. Ziehen Sie die Datei per Drag-and-drop in den Upload-Bereich oder wählen Sie sie über den Datei-Dialog aus.

Abbildung 5: Upload in der HHU-Mediathek öffnen.

5.2 Formular ausfüllen

Tragen Sie die Angaben sorgfältig ein:

• aussagekräftiger Titel
• Beschreibung des Inhalts
• passende Kategorie
• bei Bedarf Tags
• gegebenenfalls Lizenzangabe
• verantwortliche Person beziehungsweise Besitzerin oder Besitzer
• gewünschte Zugriffs- und Download-Einstellungen

Abbildung 6: Metadaten und Zugriffsoptionen in der Mediathek erfassen.

5.3 Technische Hinweise

• Maximale Dateigröße gemäß der aktuellen Upload-Maske: 2 GB pro Datei.
• Bevorzugtes Videoformat: MP4
• Die Upload-Maske kann weitere Video- und Audioformate akzeptieren. 
  • Unterstützte Video-Formate: mov, avi, wmv, flv, mpeg, mpg, m4v
  • Unterstützte Audio-Formate: mp3, ogg, oga, wma, m4a
• Für Lehrvideos ist in der Regel eine Auflösung von 1080p ausreichend.
• Sehr große Dateien sollten vor dem Upload sinnvoll komprimiert werden.

5.4 Verarbeitung

Nach dem Veröffentlichen wird das Video automatisch transkodiert. Während der Verarbeitung ist das Video noch nicht vollständig verfügbar.

Nach Abschluss erhält die Besitzerin beziehungsweise der Besitzer per E-Mail eine Benachrichtigung.

Anschließend kann das Video

• über das ViMP-Plugin in einem ILIAS-Kurs ausgewählt oder
• über den unter Teilen erzeugten iFrame-Code als externer Inhalt eingebunden werden.

6. Methode D: Externen Inhalt beziehungsweise iFrame einfügen

Über den ILIAS-Seiteneditor kann keine ViMP-Komponente eingefügt werden. Für eine Einbindung innerhalb einer gestalteten Seite verwenden Sie stattdessen die Funktion Externen Inhalt einfügen.

Diese Methode eignet sich insbesondere für:

• externe Videoplattformen
• Mediathek-Videos, die gezielt als iFrame in einer gestalteten Seite erscheinen sollen
• Inhalte, für die kein ViMP-Objekt verwendet werden kann

6.1 iFrame-Code in der Mediathek kopieren

1. Öffnen Sie das gewünschte Video in der HHU-Mediathek.
2. Wählen Sie Teilen.
3. Öffnen Sie im Bereich Embedcode den Reiter iFrame.
4. Aktivieren Sie nach Möglichkeit eine responsive Darstellung.
5. Kopieren Sie den vollständigen HTML-Code aus dem vorgesehenen Textfeld.

Abbildung 7: iFrame-Code über „Teilen“ in der Mediathek kopieren.

6.2 ILIAS-Seite bearbeiten

1. Öffnen Sie den gewünschten ILIAS-Kurs.
2. Navigieren Sie zu der Stelle, an der das Video erscheinen soll.
3. Wählen Sie Seite bearbeiten.
4. Klicken Sie an der gewünschten Position auf das Plus-Symbol.
5. Wählen Sie Externen Inhalt einfügen.

Abbildung 8: Seiteneditor in ILIAS öffnen.

Abbildung 9: „Externen Inhalt einfügen“ auswählen.

6.3 Embedcode einfügen

1. Im Dialog Neues iFrame hinzufügen wählen Sie Snippet automatisch einbetten.
2. Fügen Sie den kopierten HTML-Code in das Textfeld ein.
3. Wählen Sie Speichern.
4. Beenden Sie den Seiteneditor.
5. Prüfen Sie die Darstellung in der normalen Kursansicht.

Abbildung 10: iFrame-Code als Snippet automatisch einbetten.

6.4 Alternative: Manuelle iFrame-Eingabe

Falls die automatische Einbettung nicht funktioniert, kann die Option Manuelle iFrame-Eingabe verwendet werden.

Tragen Sie dort nur die vom Dienst bereitgestellten Werte ein:

• iFrame-URL,
• aussagekräftiger Titel,
• Breite und Höhe,
• responsive Darstellung,
• gegebenenfalls erforderliche und freigegebene Skript-URLs.

Abbildung 11: Manuelle iFrame-Eingabe.

6.5 Verhalten für Nutzerinnen und Nutzer

Externe Inhalte werden aus Datenschutz- und Sicherheitsgründen möglicherweise zunächst ausgegraut dargestellt.

• Nutzerinnen und Nutzer wählen Inhalt anzeigen, um den externen Inhalt zu laden.
• Die Freigabe der jeweiligen Video-Domain kann einmalig bestätigt werden müssen.
• Das Video wird erst nach der Bestätigung von der externen Plattform geladen.
• Die Domain muss durch die ILIAS-Administration zugelassen sein.

Abbildung 12: Inhalt anzeigen

6.6 iFrame löschen oder ersetzen

1. Öffnen Sie erneut Seite bearbeiten.
2. Wählen Sie den betreffenden iFrame-Bereich aus.
3. Öffnen Sie das Kontextmenü.
4. Löschen Sie das Element oder bearbeiten Sie die hinterlegten Angaben.
5. Speichern Sie die Seite und prüfen Sie das Ergebnis.

7. Videos verwalten

7.1 Video nur aus einem ViMP-Objekt entfernen

Wenn Sie ein Video lediglich aus einem bestimmten ViMP-Objekt entfernen, bleibt das zentrale Video grundsätzlich in der Mediathek erhalten und kann weiterhin in anderen Kursen verwendet werden.

7.2 Video zentral löschen

Die Funktion Video löschen entfernt das Medium aus der Mediathek. Danach steht es auch in anderen ILIAS-Kursen, ViMP-Objekten und Einbindungen nicht mehr zur Verfügung.

7.3 Metadaten ändern

Änderungen an Titel, Beschreibung, Vorschaubild, Untertiteln oder Download-Einstellung betreffen das zentrale Video und können deshalb auch in anderen Einbindungen sichtbar werden.

7.4 Kopierte Kurse prüfen

Nach dem Kopieren oder Importieren eines ILIAS-Kurses sollten ViMP-Objekte und iFrames stichprobenartig geprüft werden.

Achten Sie insbesondere auf:

• vorhandene Videozuordnungen,
• Kurs- und Objektrechte,
• Sichtbarkeit des Videos,
• Funktion der externen Domain,
• Wiedergabe aus Sicht eines normalen Kursmitglieds.

8. Best Practices

8.1 Geeignete Methode wählen

• Für Mediathek-Videos möglichst das ViMP-Plugin verwenden
• iFrames nur für externe Inhalte oder gezielte Einbindungen in gestaltete Seiten nutzen
• Videos niemals als gewöhnliche ILIAS-Dateien bereitstellen
• Ein vorhandenes Video erneut verwenden, statt es mehrfach hochzuladen

8.2 Videodateien vorbereiten

• Für Lehrvideos bevorzugt MP4  verwenden
• 1080p ist für die meisten Lehrinhalte ausreichend
• Übermäßig hohe Bitraten und unnötig große Dateien vermeiden
• Datei vor dem Upload vollständig abspielen und Ton sowie Bild prüfen
• Sehr große Videodateien können vor dem Upload beispielsweise mit dem OpenSource Tool HandBrake komprimiert werden

  • Vorgehensweise:

    1. Quelldatei öffnen.
    2. Ein geeignetes Preset für 1080p oder 720p auswählen.
    3. MP4 als Ausgabeformat verwenden.
    4. Konvertierung starten.
    5. Die neue Datei vor dem Upload vollständig prüfen.
  • Verwenden Sie keine unnötig starke Kompression, wenn dadurch Schrift, Folien oder Bildschirmdetails unleserlich werden.

8.3 Barrierefreiheit

• Stellen Sie nach Möglichkeit Untertitel bereit
• Verwenden Sie verständliche Titel und Beschreibungen
• Achten Sie auf ausreichende Tonqualität
• Ergänzen Sie bei rein visuellen Inhalten eine textliche Erläuterung
• Vermeiden Sie wichtige Informationen, die ausschließlich im Vorschaubild oder im Video sichtbar sind

9. Fehlerbehebung

10. Supportanfrage vorbereiten

Damit eine Anfrage schnell bearbeitet werden kann, senden Sie bitte:

• Link zum betroffenen ILIAS-Kurs
• Titel des ViMP-Objekts oder der ILIAS-Seite
• exakten Titel des Videos
• kurze Beschreibung des Problems
• Zeitpunkt des Auftretens
• Information, ob Lehrende und Studierende gleichermaßen betroffen sind
• Screenshot der Fehlermeldung
• verwendeten Browser

Zurück zum Seitenanfang