Alles rund um Videos
Wir haben hier die meist gestellten Fragen rund um Videos in einem Artikel zusammengefasst:
1. Wie füge ich ein Video ein?
In deine Lektion kannst du neben Texten, Bildern oder Audio-Dateien auch Videos einfügen.
Gehe dazu im Backend deiner Spreadmind Plattform zu "Online Kurs" > "Lektionen" und klicke bei der gewünschten Lektion auf "bearbeiten":
Platziere nun den Maus-Curosr im Editor-Feld an der Stelle, wo das Video eingebunden werden soll und klicke oberhalb des Editors auf den Button Dateien hinzufügen:
Hast du bereits im Vorfeld schon ein Video in deine Mediathek hochgeladen (Backend Rubrik "Medien"), dann kannst du über den Reiter "Mediathek" deine Video-Datei auswählen und in die Lektion einbinden:
Hast du noch kein Video hochgeladen, kannst du dieses unter dem Reiter "Dateien hochladen" über den Button "Dateien auswählen" entsprechend umsetzen und danach das Video in deine Lektion einbinden:
Ansicht eingebundenes Video im Backend:
Ansicht eingebundenes Video im Frontend:
2. Wie füge ich ein Vimeo-Video ein?
Wenn du dein Video bei Vimeo hochgeladen hast, kannst du dieses ganz einfach in deine Spreadmind Plattform, bspw. in eine Lektion, einbinden. Wir zeigen dir hier, wie es geht.
2.1 Vimeo-Video Link kopieren
Nachdem dein Video bei Vimeo vollständig hochgeladen wurde, hast du verschiedene Möglichkeiten, den entsprechenden Vimeo-Link zu kopieren.
Klicke in deiner Video-Übersicht auf das Link-Symbol, um den Video-Link zu kopieren. Dieser wird direkt in den Zwischenspeicher gelegt:
Befindest du dich in den Video-Einstellungen, kannst du den Link direkt kopieren:
Klickst du oben auf den Link, wirst du in die Vimeo-Video-Ansicht weitergeleitet. Auch dort hast du die Möglichkeit, den Link zu kopieren – entweder direkt aus der Browser-Adress-Zeile oder über das Brief-Symbol:
Klickst du auf das Brief-Symbol, öffnet sich ein Popup und du kannst unter "Link" einfach den Vimeo-Video-Link kopieren:
2.2 Vimeo-Video Link einfügen – Standard Editor
Gehe nun ins Backend deiner Spreadmind Plattform in den Bearbeitungsmodus einer Seite, eines Beitrags oder einer Lektion und füge einfach den kopierten Link in den Standard-Editor ein und klicke auf die Enter-Taste:
Warte einen kurzen Moment – danach wird dir das Vimeo-Video direkt angezeigt:
3. Welches Format soll ich für meine Kurs Videos nutzen?
Um Videos in deine Lektionen einzufügen, musst du lediglich im Bearbeitungsmodus einer Lektion im Standard Editor auf den Button “Dateien hinzufügen” klicken und kannst dein Video ganz normal in die Mediathek hochladen. Dieses Video wird dann automatisch auf unsere Server hochgeladen und ist dann auch nur für die Teilnehmer deiner Kurse sichtbar.
Anforderungen Video-Export für reibungslose Streams:
- Videogröße mit einer Auflösung von 1280 x 720 Pixel (HD). max. jedoch 1920 x 1080 Pixel (Full HD)
Dateiformat .mp4
Falls in deinem Videoprogramm möglich, solltest du beim Exportieren darauf achten, den H.264 Codec zu verwenden.
- Im Idealfall beträgt die Dateigröße des Videos max. 20 MB pro einer Minute Videolaufzeit! Sollten deine Videos pro Videominute länger sein, empfehlen wir dir, sie mit dem kostenlosen Programm Handbrake zu komprimieren, ohne einen all zu großen Qualitätsverlust in Kauf zu nehmen. Eine Videoanleitung dazu gibt es hier:
- Die gesamte Datei-Größe des Videos sollte nicht größer als 300 MB sein (Upload Limit).
Wenn deine Videos diese Angaben erfüllen, sind sie auch auf mobilen Geräten, wie dem iPhone oder iPad zu sehen.
Ist die Video Datei dennoch größer als 300 MB, kannst du dir den nächsten Abschnitt ansehen.
4. Meine Video-Datei ist zu groß für den Upload – was kann ich tun?
Die Datei-Größe des Videos sollte nicht größer als 300 MB sein (Upload Limit). Es kann aber durchaus vorkommen, dass dein Video diese Dateigröße überschreitet.
Zuallererst empfehlen wir dir, die Export-Einstellungen deines Video-Programms zu überprüfen. Befolge dabei am besten die Angaben aus dieser Anleitung: Welches Format soll ich für meine Kurs Videos nutzen?
Weiterhin stehen dir folgende Möglichkeiten zur Verfügung:
Wir empfehlen dir, deine Videos mit dem kostenlosen Programm Handbrake zu komprimieren, ohne einen all zu großen Qualitätsverlust in Kauf nehmen zu müssen. Eine Videoanleitung dazu gibt es hier:
- Eine Alternative wäre, die Aufzeichnungen bei Vimeo oder YouTube hochzuladen und sie dann im zweiten Schritt bei Spreadmind einzubinden.
- Du könntest auch die Videos auch mit einem Videoschnittprogramm in kleinere Teile schneiden. Unsere Erfahrungen zeigen nämlich, dass die Teilnehmer am liebsten die Videos in kleinen Häppchen von maximal 10 Minuten anschauen möchten.
5. Wie kann das Herunterladen eines Videos deaktiviert werden?
Werden Videos über das Divi-Modul "Video" eingebunden, so wird in manchen Browsern (bspw. Chrome) automatisch eine Download-Funktion für dieses Video hinzugefügt.
Mit Hilfe eines einfachen Code-Schnipsels kann dies unterbunden werden.
Gehe dazu im Backend deiner Spreadmind Plattform zu "Design" > "Theme Optionen" > Registerkarte "Integration" und aktivere den <head> Code. Füge dann den folgenden Code unter "Code dem < head > hinzufügen" ein:
<script>
jQuery( document ).ready(function() {
jQuery("video").each(function(){
jQuery(this).attr('controlsList','nodownload');
jQuery(this).load();
});
});
</script>
Klicke am Ende der Seite auf den Button Änderungen speichern.
6. Wie füge ich ein Vorschaubild bei einem Video ein?
Es gibt zwei Möglichkeiten, ein Video in deine Webseite einzubinden. Entweder nutzt du den Standard-Editor oder das Divi Modul "Video". Bei beiden Varianten kannst du für das Video ein eigenes Vorschaubild hinterlegen.
6.1 Video-Vorschaubild über den Standard-Editor einfügen
Klicke auf das Video, welches du zuvor über den Button "Dateien hinzufügen" in den Editor eingefügt hast, auf den Bearbeitungsstift:
In dem Popup kannst du nun links über die Aktion "Vorschaubild auswählen" entweder ein neues Bild hochladen oder ein bereits hochgeladenes Bild aus der Mediathek auswählen. Klicke rechts unten auf "Voeschaubild auswählen":
Bei der nächsten Ansicht Video-Details kannst du die Video-Einstellungen prüfen. Scrolle weiter nach unten, um bspw. das Vorschaubild wieder zu entfernen:
Nachdem du auf "Aktualisieren" geklickt hast, erscheint das Bild bei deinem Video:
6.2 Video-Vorschaubild über das Divi Modul "Video" einfügen
Öffne dazu einfach die Einstellungen des Video-Moduls und gehe unter dem Reiter "Inhalt" zur Option Überlagerung. Klicke dort auf das Plus-Symbol oberhalb von "Bild", um entweder ein Bild in deine Mediathek zu laden oder ein bereits hochgeladenes Bild aus deiner Mediathek zu verwenden:
