Videos

In diesem Artikel erfährst du, welche Möglichkeiten es in Sitejet gibt, um Videos in Website-Projekten einzubetten.

Inhaltsangabe


Videoanleitung

 

Dieses Video wurde in der alten UI aufgenommen. Wir werden das Video bald updaten.


Einbetten von YouTube/Vimeo-Videos

Wir empfehlen dir, Videos über Plattformen wie YouTube und Video einzubinden. Diese Plattformen sind darauf ausgelegt und dafür optimiert. Dein Website-Besucher profitiert dadurch von schnelleren Ladezeiten. Beide Plattformen haben spezielle Einstellungen, dass diese Videos nur über einen direkten Link oder über eine Einbindung abgespielt werden können. 

Die folgenden Schritte sind bei YouTube- und Vimeo-Videos identisch. Wir konzentrieren uns jetzt erstmal auf YouTube. Klicke bitte im linken Panel auf Elemente und wähle das YouTube-Element aus. Ziehe es bitte an die gewünschte Stelle in deiner Website.

Sofern du bereits ein leeres Container-Element auf deiner Website hast, kannst du per Klick auf "Inhalte hinzufügen" und anschließendem Klick auf das YouTube- bzw. Vimeo-Element dieses noch schneller an die gewünschte Stelle einfügen. Füge in den Elementeinstellungen die YouTube- oder Vimeo-URL  ein, um das Video zu laden. 

Du hast nun verschiedene Anpassungsoptionen:

  • Seitenverhältnis: Bestimme die Seitenverhältnisse deines Videos
  • Lazy Load: Diese Einstellung bestimmt, ob das Video vorab oder erst nach Klicken der Wiedergabetaste geladen werden soll
  • Steuerelemente anzeigen: Dadurch werden der Play Button, der Lautstärkeregler usw. aktiviert oder deaktiviert
  • Änliche Videos: Wenn die Option aktiviert ist, wird nach dem Ende des Videos eine Liste von vorgeschlagenen Videos von YouTube angezeigt

Das war es schon! Uuuuund, du wurdest gerickrolled! 


Videos über das Video-Element einbinden

Solltest du kein YouTube- oder Vimeo-Video einbinden wollen, kannst du selbstverständlich Videos auch direkt in Sitejet einbinden. Dafür wurde in Sitejet das Video-Element integriert. Dieses unterstützt die von den meisten Browsern unterstützten Formate ".mp4" und ".webm". 

Um das Video-Element deiner Website hinzuzufügen, klicke bitte im linken Panel auf Elemente und wähle das YouTube-Element aus. Ziehe es bitte an die gewünschte Stelle in deiner Website.

Du kannst auch einen Container hinzufügen und ein Element über "Inhalt hinzufügen" hinzufügen. Wähle nun das Video-Element und ziehe es in den Bereich. Es ist nun möglich, ein Video direkt aus dem Medien-Manager hinzuzufügen und ein Vorschaubild einzufügen. 
Dazwischen findest du Einstellungen, um das Verhalten des Videos anzupassen.  

In den Elementeinstellungen hast du folgende Möglichkeiten: 

  • Eine Datei aus deinem Media Manager auswählen 
  • Per Drag-and-drop eine neue Datei hochladen
  • Das Video stumm schalten
  • Eine Endlosschleife aktivieren
  • Steuerelemente ein- bzw. ausblenden
  • Ein Vorschaubild aus dem Media Manager auswählen
  • Die Ausrichtung/Position vorgeben
  • Die Breite und Höhe vorgeben

Das Vorschaubild kann sowohl direkt von deinem Computer hochgeladen werden oder direkt aus dem Media Manager. Das ist bei Videos nicht möglich, weil diese meist etwas größer sind und vorher im Media Manager hochgeladen werden müssen.

Gratulation, du wurdest nochmal gerickrolled. 

Bevor du ein Video hochlädst, solltest du darüber nachdenken, es zu komprimieren und für die Verwendung auf deiner Website anzupassen. Es gibt viele kostenlose Tools im Internet. Wenn du ein Video hochgeladen hast, das auf deiner Website nicht funktioniert, versuche bitte zunächst ein anderes Format. Die gängigsten Formate sind: MP4, MOV, WMV und WebM. Wenn du weiterhin Probleme mit dem Video hast, wende dich bitte an den Sitejet-Support, um weitere Hilfe zu erhalten.


Werde ein Teil unserer Community!

Tausche dich mit anderen Webdesignern über aktuelle Entwicklungen, Tipps und Tricks aus und präsentiere deine Lieblingsseiten. Hole dir Feedback und sprich mit uns über Funktionen, die du dir für Sitejet wünschst. Hier gelangst du direkt zur Sitejetters Community.

Zurück zum Anfang

Hilfe benötigt? Kontakt aufnehmen Kontakt aufnehmen