Videos sind eine großartige Möglichkeit, Website-Besucher für deine Website zu interessieren und ihnen die Geschichte deiner Marke zu erzählen. Der Studio Editor macht es dir leicht, deine Inhalte zu präsentieren, Content von sozialen Medien einzubetten und beeindruckende videobasierte Designelemente hinzuzufügen.
In diesem Artikel erfährst du mehr über folgende Themen:
Ein Video hinzufügen
Wähle das richtige Videoelement für deine Bedürfnisse. Füge einen einzelnen Video-Player oder eine VideoBox hinzu, die umfangreichere Anpassungsoptionen bietet. Du kannst auch von Wix entworfene Videos mit transparentem Hintergrund hinzufügen, um deine Website zu dekorieren.
Um ein neues Video hinzuzufügen:
- Klicke auf der linken Seite des Editors auf Elemente hinzufügen
. - Klicke auf Medien.
- Wähle unter Video einen Videotyp aus:
- Einzelvideo-Player: Lade dein eigenes Video hoch oder bette eines aus einem sozialen Netzwerk ein.
- VideoBox: Präsentiere deine eigenen Videos, kostenlose Videos von Wix oder professionelle Shutterstock-Videos in schön gestalteten Video-Containern.
- Transparentes Video: Lade eigene Videos hoch und füge sie mit transparentem Hintergrund hinzu.
- Ziehe ein Video an die gewünschte Stelle auf der Seite.
Einen Einzelvideo-Player anpassen
Passe das Layout, Design und Verhalten des Einzelvideo-Players an deine spezifischen Bedürfnisse an. Du kannst auswählen, ob dein Video automatisch und/oder in einer Schleife abgespielt wird. Darüber hinaus kannst du entscheiden, welche Steuerelemente angezeigt werden sollen, und diese auch gestalten.
Um einen Einzelvideo-Player anzupassen:
- Wähle den Video-Player aus.
- Wähle, wie du ihn anpassen möchtest:
Du kannst das Video jederzeit durch ein anderes ersetzen, sei es von deinem Computer oder von externen Quellen (z. B. YouTube, Vimeo, Facebook usw.)
- Klicke auf Video ändern.
- Führe einen der folgenden Schritte aus, um das aktuelle Video zu ersetzen:
- Klicke auf Video ändern, um auf deine Dateien in der Medienverwaltung zuzugreifen.
- Klicke auf eines der Symbole für soziale Netzwerke, um ein Video zu teilen. Gib unter Video-Webadresse: die URL des Videos ein.
Festlegen, wie dein Video abgespielt wird
- Klicke auf Video ändern.
- Klicke auf den Schalter Automatische Wiedergabe, um auszuwählen, wie das Video abgespielt wird:
- Aktiviert: Dein Video wird automatisch abgespielt, sobald die Website geladen ist.
- Deaktiviert: Besucher müssen auf den Wiedergabe-Button klicken, um das Video zu starten.
- Klicke auf den Schalter Wiederholungsschleife:
- Aktiviert: Dein Video wird immer wieder abgespielt, wenn es zu Ende ist (in einer Endlosschleife).
- Deaktiviert: Dein Video wird nur einmal abgespielt.
Hinweis: Die Option, Videos in einer Schleife abzuspielen, ist nicht für alle externen Quellen verfügbar (z. B. Facebook, Dailymotion).
Das Layout des Video-Players anpassen
Im Layout-Panel kannst du auswählen, ob der Titel des Videos und seine Steuerelemente angezeigt werden sollen oder nicht, und die Größe des Wiedergabe-Buttons nach deinen Wünschen anpassen.
- Klicke auf das Symbol für Layout
. - Klicke auf den Schalter Videotitel anzeigen:
- Aktiviert: Der Videotitel wird oben im Player angezeigt.
Tipp: Du kannst diesen Titel im Inspektor-Panel formatieren und gestalten. - Deaktiviert: Der Videotitel ist nicht sichtbar.
- Ziehe den Schieberegler unter Wiedergabe-Button — Größe, um den Button zu vergrößern oder zu verkleinern.
- Wähle eine Option unter Wiedergabesteuerung anzeigen:
- Beim Mouseover: Die Videosteuerelemente (z. B. der Wiedergabe- oder Pause-Button) werden angezeigt, wenn Besucher mit der Maus über den Player fahren.
- Nie: Die Videosteuerelemente werden nicht angezeigt.
Hinweis: Die verfügbaren Optionen hängen von der Art des Videos ab, das du zum Player hinzufügst.
Den Video-Player gestalten
Gestalte deinen Video-Player im Inspektor-Panel passend zu deinem Design. Du kannst die Farbe und Deckkraft der Überlagerung ändern, Schatten hinzufügen, den Videotitel formatieren und vieles mehr.
- Klicke oben rechts im Editor auf das Symbol für Inspektor öffnen
.
- Scrolle nach unten zu Design.
- Führe einen der folgenden Schritte aus, um deinen Video-Player zu gestalten:
- Füllfarbe & Deckkraft: Klicke auf das Farbfeld, um eine andere Farbe für die Überlagerung auszuwählen, und ziehe den Schieberegler, um die Deckkraft anzupassen.
- Rand: Füge einen Rand hinzu, um deinen Video-Player hervorzuheben.
- Schatten: Klicke auf Schatten aktivieren, um einen Schatten hinzuzufügen und zu gestalten, der hinter dem Player erscheint.
- Text: Wähle eine Farbe für den Titel und den Wiedergabe-Button und formatiere den Titel nach deinen Wünschen.
Eine VideoBox anpassen
Wenn du eine VideoBox zum Anzeigen von Medien verwendest, hast du viel kreativen Spielraum, sie zu einem Teil des Designs zu machen. Stelle das Video so ein, dass es wie gewünscht abgespielt wird, wähle eine interessante Form und gestalte jedes Detail, vom Titelbild bis zu den Rändern.
Um eine VideoBox anzupassen:
- Wähle die VideoBox aus.
- Wähle, wie du ihn anpassen möchtest:
Lege das Verhalten deiner VideoBox fest
Lege fest, wie sich deine VideoBox verhält, indem du die Einstellungen für Wiedergabe, Pause, Wiedergabeschleife sowie das Tonverhalten anpasst. Spiele mit den Optionen herum, um zu sehen, welche deiner Meinung nach die Aufmerksamkeit deiner Besucher erhöht und ihre Besucherinteraktion verbessert.
- Klicke auf das Symbol für Verhalten
. - Passe das die verschiedenen Wiedergabe- und Tonverhalten an:
- Wähle, ob dein Video beim Klicken, bei Mouseover oder automatisch gestartet wird.
- Entscheide, ob Besucher das Video pausieren können sollen.
- Lass dein Video in einer Endlosschleife abspielen oder beim Klicken erneut abspielen.
- Lass dein Video in Zeitlupe oder mit Ton abspielen.
Tipp: Diese Optionen sind nur für Videos verfügbar, die in Zeitlupe und/oder mit Ton aufgenommen wurden. Viele von Wix angebotene Videos enthalten Zeitlupe oder Ton.
Wähle für jeden Breakpoint den Fokuspunkt einer VideoBox aus. Das bedeutet, dass der Teil der VideoBox, den du anzeigen möchtest, bei der Größenänderung der VideoBox für unterschiedliche Bildschirmgrößen immer angezeigt wird.
- Klicke oben im Editor auf den entsprechenden Breakpoint.
- Klicke auf das Symbol für Fokuspunkt
. - Wähle den Bereich der VideoBox, der immer sichtbar sein soll, wenn sich die Größe ändert.
Hier kannst du deine VideoBox nach deinen Wünschen gestalten. Wähle ein Titelbild, einen Rand und einen Schatten und wende eine Muster-Überlagerung an, um einen einzigartigen Effekt zu erzielen. Es gibt viele Muster zur Auswahl, die zu deinem Stil passen.
- Klicke oben rechts im Editor auf das Symbol für Inspektor öffnen .
- Scrolle nach unten zu Design.
- Führe einen der folgenden Schritte aus, um dein Video zu gestalten:
- Titelbild: Wähle ein anderes Bild als Titelbild für dein Video aus (das, was Besucher sehen, bevor sie darauf klicken).
- Muster-Überlagerung: Klicke auf den Schalter Muster-Überlagerung, um ein interessantes Muster (animiert oder nicht) hinzuzufügen, das dein Video noch ansprechender macht.
- Rand: Füge einen Rand um dein Video hinzu und wähle Farbe, Deckkraft und Breite aus.
- Schatten: Füge Schatten hinzu und wähle Größe, Farbe, Winkel und Abstand zum Video aus.
- Kontur: Mache die Ränder deiner VideoBox runder oder eckiger. Du kannst den Radius (in px) neben jeder Ecke auswählen.
Hinweis: Wenn du eine Videomaske hinzufügst, sind die Optionen Rand und Kontur nicht verfügbar.
Verwende eine Videomaske, um deiner VideoBox eine einzigartige Form und einen auffälligen visuellen Effekt zu verleihen. Wähle aus Tausenden von Formen und Vektorgrafiken oder lade eine eigene Form (SVG-Datei) hoch, um dein Video zuzuschneiden.
Fehlerbehebung bei Videos
Hast du Probleme mit deinem Video? Klicke unten auf eine Frage, um mehr zu erfahren:
Warum wird mein Video auf meiner Live-Website nicht abgespielt?
Du oder deine Besucher werden feststellen, dass Elemente, die Bewegung enthalten (z. B. Animationseffekte und transparente Videos), auf deiner Live-Website von Wix nicht abgespielt werden können — sowohl auf dem Mobilgerät als auch auf dem Desktop.
Das liegt daran, dass einige Betriebssysteme eine Funktion für reduzierte Bewegungen (Reduced Motion) enthalten, die die Wiedergabe von Animationen und Videos im Browser deaktiviert.
Bewegungsreduzierung ist eine Barrierefreiheitsfunktion, was bedeutet, dass sie hauptsächlich dafür verwendet wird, Besuchern mit Behinderungen oder Beeinträchtigungen den Besuch deiner Website zu ermöglichen.
Klicke auf das entsprechende Gerät in der Liste unten, um zu erfahren, wie du die Funktion „Reduzierte Bewegung“ deaktivieren kannst.
Hinweis: Die Funktion „Reduzierte Bewegung“ ist für einige Mobilgeräte automatisch aktiviert, wenn sie im Energiesparmodus betrieben werden oder eine schwache Batterie haben.
Ich habe mein Video auf Autoplay eingestellt, aber es ist kein Ton zu hören. Warum?
Die meisten Internetbrowser erlauben die automatische Wiedergabe von Videos nur, wenn der Ton stumm geschaltet ist. Wenn deine VideoBox auf automatische Wiedergabe eingestellt ist, wird das Video ohne Ton abgespielt.
Die folgenden Browser unterstützen die automatische Wiedergabe nicht mehr:
- Safari 11 und höher (unter MacOS und iOS)
- Chrome 61 und höher (Desktop- und Mobile-Version)
- Firefox 66 und höher (Desktop- und Mobile-Version)
