Ein lokales Video hinzufügen.

DXPR Builder lernenSeiten erstellenInhalte hinzufügenText und Medien

Sie erhalten eine Videodatei aus Ihrer eigenen Medienverwaltung, abgespielt vom Browser ohne YouTube- oder Vimeo-Embed. Nutzen Sie sie für Produktdemos, kurze Loops oder Websites, die externe Player blockieren.

Lokales Video-Element mit einem drei Sekunden langen Testclip mit aktiviertem Autoplay, Steuerung und Loop

Ein lokales Video hinzufügen

Öffnen Sie Ihre Seite im angemeldeten Zustand: Wenn Sie mit der Maus über den Inhaltsbereich fahren, erscheinen die Steuerelemente des Builders. Ihre erste Seite zeigt die Grundlagen.

  1. Fahren Sie mit der Maus über die Spalte und klicken Sie in ihrer Steuerleiste auf +; klicken Sie auf einer leeren Seite auf Add Elements. Öffnen Sie den Content-Tab und klicken Sie auf Local video. Das lokale Video landet oben in der Spalte und sein Einstellungsdialog öffnet sich.
  2. Klicken Sie unter Video auf Select video und wählen Sie eine Datei in der Medienverwaltung.
  3. Wählen Sie, ob Sie Start playing automatically verwenden möchten. Standardmäßig ist es ausgeschaltet. Hier ist es eingeschaltet, was den Clip auch stumm schaltet.
  4. Wählen Sie, ob Controls angezeigt werden. Standardmäßig sind sie ausgeschaltet. Hier sind sie eingeschaltet, für Abspielen, Pause und Lautstärke.
  5. Wählen Sie, ob der Clip per Loop wiederholt wird. Standardmäßig ist er ausgeschaltet. Hier ist er eingeschaltet, sodass sich der Clip wiederholt.
  6. Klicken Sie im Dialog auf Speichern. Klicken Sie dann in der Symbolleiste oben im Inhaltsbereich auf Speichern, um die Seite zu speichern.

Was Sie sehen

Ihr Clip spielt in der Spalte in voller Breite. Im Video startet er von selbst ohne Ton, zeigt die Steuerung des Browsers und wiederholt sich am Ende. Autoplay läuft bereits im Editor, prüfen Sie es aber auf der gespeicherten Seite erneut. Besucher sehen ihn, sobald Sie die Seite speichern und sie veröffentlicht ist.

Ihr lokales Video einrichten

Fahren Sie mit der Maus über das Element und öffnen Sie in seiner Steuerleiste More > Settings. Optionen:

  • Video: die abzuspielende Datei: MP4, WEBM, OGG oder OGV. Das Feld zeigt die größte Datei, die Ihre Website akzeptiert. Klicken Sie auf Select video, um eine zu wählen. Auf Websites ohne Medienverwaltung lädt dieselbe Schaltfläche eine Datei von Ihrem Computer hoch.
  • Start playing automatically: spielt das Video ab, sobald die Seite lädt. Schaltet den Ton auch stumm, weil Browser Autoplay mit Ton blockieren.
  • Muted: spielt das Video ohne Ton ab. Erscheint nur, solange Start playing automatically ausgeschaltet ist, denn Autoplay schaltet immer stumm.
  • Controls: zeigt die Abspiel-, Pause-, Lautstärke- und Fortschrittssteuerung des Browsers.
  • Loop: startet das Video erneut, wenn es endet.
  • Video width: eine CSS-Breite wie 100% oder 800px. Die Vorgabe ist 100%.
  • Image: ein Vorschaubild, das vor dem Videostart gezeigt wird.

Wenn Sie es nicht sehen

  • Das lokale Video ist nicht im Content-Tab. Ihr Benutzerprofil blendet es aus. Bitten Sie die Administration, es unter User Profiles zu aktivieren.
  • Es ist nach dem Neuladen verschwunden. Die Seite wurde nicht gespeichert. Fügen Sie es erneut hinzu und klicken Sie in der Symbolleiste oben im Inhaltsbereich auf Speichern.
  • Der Player zeigt ein schwarzes Rechteck ohne Inhalt. Es ist keine Videodatei ausgewählt. Fahren Sie mit der Maus über das Element und öffnen Sie More > Settings, und wählen Sie dann eine Datei unter Video.
  • Der Player bleibt schwarz, obwohl Sie eine Datei gewählt haben. Der Browser kann den Codec der Datei nicht abspielen. Exportieren Sie sie erneut als H.264-MP4 und wählen Sie sie erneut.
  • Das Video spielt ohne Ton. Start playing automatically schaltet das Video immer stumm, weil Browser Autoplay mit Ton blockieren. Wenn Besucher den Ton brauchen, lassen Sie es und Muted ausgeschaltet und behalten Sie Controls eingeschaltet, damit sie auf Abspielen drücken können.

Wie geht es weiter?

Style-Tab, um Abstände oder einen Hintergrund hinter Ihrem Video zu setzen.