Anmerkung: Unsere beliebtesten Anleitungen wurden ins Deutsche übersetzt, alle restlichen Anleitungen sind bisher nur auf Englisch verfügbar
Adding videos to your site

Sie können hier Videos hinzufügen:

  • Video-Blöcke
  • Galerie-Blöcke
  • Galerie-Seiten
  • Projekt-Seiten
  • Cover-Seiten
  • Banners (on some templates)

This guide reviews the different areas of your site where you can add videos and links to specific steps for each one.

Videos einbetten (nicht direkt hochladen)

Squarespace supports embedding videos from YouTube, Vimeo, Animoto, and Wistia. These services are highly respected for their streaming quality, upload ease, and video playback control. 

For these reasons, there's no option to upload a video directly to Squarespace. Embedding videos from another host helps your site load faster, enables visitors to share your videos, and provides multiple options for video hosting.

Hosting options for your video

Before embedding a video on your site, upload the video to a supported external hosting service. Background videos only support YouTube and Vimeo.

Click the links below for their instructions: 

Ensure that your video isn't set to private on your host's page. Only public videos will display properly on your site.

Add videos to pages and posts

You can add individual videos to a Regular Page, Cover Page, blog post, or any other editable blocks area. 

This table covers the different ways you can add videos and the requirements for each.

Tip: See the sections below for help adding videos to Gallery Page or Index Page.
Area Requirements

Video-Block

  • Ein Video pro Block.
  • Videos play with sound when clicked.
  • You can set them to autoplay.

Galerie-Blöcke

  • Show multiple videos in a grid, slideshow, carousel, or stack.
  • Videos can mix with static images.
  • Videos play with sound when clicked.
  • You can set them to autoplay.

Übersichts-Blöcke

  • Pull videos from a Gallery Page to display in a grid, slideshow, carousel, or stack.
  • When clicked, videos open in a lightbox and play with sound.
  • Filter by category or tag.
  • Ensure every video has a thumbnail image for best results.

Cover-Seiten

  • In einigen Layouts verfügbar
  • Videos play in a lightbox with sound when clicked.

Add videos to Gallery Pages

Alle Templates unterstützen das Hinzufügen von Galerie-Seiten, um Ihre Bilder und Videos noch besser zu präsentieren.

The style, layout, caption display, and behavior of your Gallery Page depends on your template. For example, the Wexley template opens images and videos in a lightbox.

  • Die meisten Galerie-Seiten haben mehr als eine Layout-Option.
  • Bilder und Videos können von einer Galerie-Seite zu einer anderen verschoben werden.
  • Pull videos from a Gallery Page into a Summary Block to filter by category or tag.
  • Videos play with sound.
  • Videos can be set to autoplay. 
Tipp: Sie können auch ein Video zu einer Projekt-Seite hinzufügen, die eine benutzerdefinierte Galerie-Option für Templates in der York-Familie ist. Näheres erfahren Sie unter York Projekt-Seiten.

Wenn Ihnen die Galerie-Seite Ihres Templates nicht zusagt, Sie aber nicht zu anderen Templates wechseln möchten, können Sie stattdessen einen Galerie-Block zu einer Regulären Seite hinzufügen. Im Anschluss können Sie dann zwischen vier verschiedenen Layout-Optionen wählen: Raster, Slideshow, Karussell oder gestapelt. Näheres erfahren Sie hier: Galerie-Blöcke vs. Galerie-Seiten.

Add background videos

You can display a video as the background behind page content. There are two ways to do this: 

Content area Video options

Cover-Seite

  • Fügen Sie Ihrer Website eine Cover-Seite mit einem Hintergrundvideo ohne Ton in Endlosschleife hinzu.
  • Die meisten Layouts unterstützen Hintergrundvideos, wobei ausschließlich Videos von YouTube oder Vimeo verwendet werden können.

Website-Hintergrund

  • Some templates support a site-wide background image.
  • Verwenden Sie bei diesen Templates eine .gif-Datei als Bild für Ihren Website-Hintergrund. Aus dieser Datei wird ein Hintergrundvideo ohne Ton in Endlosschleife erstellt.

Add video banners

Some templates support banners, which display at the top of your site. 

Banner type Video options

Video-Banner

Bedford-Gruppe

  • Anya, Bedford, Bryant, and Hayden support a special slideshow banner on Regular Pages.
  • Wird nicht automatisch abgespielt
  • Plays with sound
  • Overlay-Text wird angezeigt

Add videos to Index Pages

Die Index-Seite enthält gesammelte Bilder und Inhalte aus unterschiedlichen Seiten und ordnet diese visuell als Slideshow, Vorschaubild-Raster oder in Form von gestapelten Bereichen an. Index-Seiten sind in einigen Templates verfügbar.

Tipp: Einige Indizes unterstützen zusätzliche Optionen wie etwa Seiten-Kopfzeilen mit editierbaren Block-Bereichen.

Here are ways to use videos with each Index type: 

Index type Video options

Gestapelter Index

  • Stapeln Sie Videos und Banner-Bilder im .gif- Format.
  • Fügen Sie Inhaltsbereiche mithilfe von Galerie-Blöcken oder Video-Blöcken hinzu.
  • Einige gestapelte Indizes unterstützen Galerie-Seitenbereiche.

Slideshow-Index

  • Momentum supports Galley Page videos in the Index.
  • Verwenden Sie für alle übrigen Slideshow-Indizes Bilder im .gif-Format, um animierte Folien zu erstellen.

Raster-Index

  • Videos werden im Vorschaubild-Raster nicht unterstützt. Verwenden Sie alternativ ein Bild im .gif-Format, um animierte Vorschaubilder zu erstellen.

Animierte .gif-Dateien verwenden

Animierte Bilder im .gif-Format werden automatisch ohne Ton in einer Endlosschleife wiedergegeben. Sie können .gif-Dateien in allen Bereichen Ihrer Website verwenden, die das Hinzufügen von Bildern erlauben. Hierzu zählen:

Fehlerbeseitigung

Videos brauchen zu lange zum Laden

Wenn das Video einige Zeit braucht, um zu laden, wird diese zusätzliche Zeit wahrscheinlich zum Puffern benötigt. Viele längere Videos oder HD-Videos benötigen zusätzliche Ladezeit. In diesem Zusammenhang spielt auch Ihre eigene Internet-Verbindung eine Rolle.

Sobald Sie bei einem Video auf "Play" (Abspielen) klicken, wird der Puffer-Prozess gestartet. Wenn Sie das Video pausieren und darauf warten, dass der Inhalt im Hintergrund geladen wird, müsste es möglich sein, den Puffer aufzubauen und das Video mit weniger Problemen abzuspielen.

Nach meinem Video werden ähnliche YouTube-Videos abgespielt

YouTube automatically displays related videos after a video finishes playing. This is a YouTube feature that isn't controlled by Squarespace and can't be disabled. 

To prevent displaying related videos, try hosting your video on another supported service. Note that some services require a paid account to disable related videos.  

Vimeo-Videos werden nicht in HD abgespielt

Um HD-Videos von Vimeo wiederzugeben, verwenden Sie den Einbettungscode, um das eigentliche Video und nicht nur dessen URL hinzuzufügen. Zum Upload von 1080p-Videos in HD ist bei Vimeo eine Plus- oder PRO-Mitgliedschaft erforderlich.

Buttons und Bedienelemente werden auf Vimeo Videos nicht angezeigt.

Vimeo enables "Tiny Mode" when a Video Block is less than 300 pixels wide or 170 pixels tall. Tiny Mode hides buttons and additional information, such as the title, control bar, and the Watch Later/Share buttons. To prevent this, visitors can view the Video Block on a larger display.

The fullscreen button isn't appearing or working

When logged into your site, the Vimeo and YouTube players won't offer a fullscreen option. You can view the fullscreen version by opening the page in a private or incognito window in your browser.

Wistia-Videos sind zu klein

Auf Projekt-Seiten werden Wistia-Videos kleiner dargestellt. Verwenden Sie eine andere Plattform zum Hosting Ihrer Videos, um dieses Problem zu umgehen.

Häufig gestellte Fragen

Do plays on my website count?

Each video service controls when video plays count, not Squarespace. Plays of embedded videos might add to your view count, depending on where the video is hosted:

  • YouTube - Doesn't count views of embedded videos. However, YouTube provides a breakdown of where viewers are finding your videos. Learn more in YouTube Analytics documentation.
  • Vimeo - Bei Vimeo werden Aufrufe von eingebetteten Videos gezählt. Näheres erfahren Sie in der Dokumentation von Vimeo.

For help with other services, visit their documentation.

If Squarespace doesn't support my video host, how do I add my video?

In den meisten Fällen empfehlen wir, Ihr Video bei einem unterstützten Anbieter hochzuladen. Wenn dies nicht möglich ist oder Sie Ihr Video bei einem anderen Anbieter hosten müssen, stehen Ihnen dennoch verschiedene Möglichkeiten offen.

Any video sharing service that supports the oEmbed standard can be added to these areas using its embed URL or code:

  • Video-Blöcke
  • Galerie-Blöcke
  • Galerie-Seiten
  • Cover-Seiten

Embed codes can't be added to Cover Page background videos.

If this doesn't work and there's no problem with the embed URL or code (like a typo), it's likely that the video host doesn't support the oEmbed standard. If you can't upload it to a service that supports oEmbed, paste the code into a Code Block. Note that custom code like this falls outside of the scope of Squarespace support.

Next steps

Choose whether to add your video using a URL or an embed code.

War dieser Beitrag hilfreich?
44 von 132 fanden dies hilfreich
Adding videos to your site