---
title: How to create a video slide for the page header?
description: "In this article, we'll show you how to add a video slide to a page header. For general instructions on how to edit the page header, see the guide [\"How to edit the page header?\"](https://staging.churchtools.academy/en/help/website-and-finder/pages/how-to-edit-the-page-header/) **Tip** You can find lots…"
url: "https://staging.churchtools.academy/en/help/website-and-finder/pages/how-to-create-a-video-slide-for-the-page-header/"
updated: "2026-06-16"
category: Website / Pages
---

# How to create a video slide for the page header?

In this article, we'll show you how to add a video slide to a page header. For general instructions on how to edit the page header, see the guide ["How to edit the page header?"](https://staging.churchtools.academy/en/help/website-and-finder/pages/how-to-edit-the-page-header/)

**Tip**

You can find lots of free videos on [pexels.com](https://www.pexels.com/de-de/) that might be helpful.

## 1. Select a page header

In the admin area, go to *Pages, Posts, Events, People, or Groups* (1) to open the *page* or *content* (2) to which you want to add a video slide. On the page or within the content, first go to *“Page Header”* (3) and select the desired *layout* (4) for the page header.

[![Screenshot Website Pages Home Side head](https://staging.churchtools.academy/wp-content/uploads/2026/06/Website_Pages_Home_Side-head.png)](https://staging.churchtools.academy/wp-content/uploads/2026/06/Website_Pages_Home_Side-head.png)

## 2. Add a video slide

Further down, under the " *Slide* " heading, click the *+ icon* (5) and add a *video slide* (6).

[![Screenshot Website Pages Home Side head Add Video foil](https://staging.churchtools.academy/wp-content/uploads/2026/06/Website_Pages_Home_Side-head_Add-Video-foil.png)](https://staging.churchtools.academy/wp-content/uploads/2026/06/Website_Pages_Home_Side-head_Add-Video-foil.png)

## 3. Upload a video

In the element, you can upload a *video* (7) and, optionally, a *video for mobile devices* (8). The requirements the video must meet are displayed directly in the element.

**Tip**

The video should be in the **MP4 file format** and no larger than **10 MB**; otherwise, it will take longer to load. As a general rule, the smaller the file, the better.

You should**remove** the**audio from the video**, if it has any. For one thing, this further reduces the file size. For another, no audio is played in the video slide because the built-in player is muted, so a video with audio wouldn't play.

You should also make sure that the **transition from the end of the video to the beginning** is smooth; otherwise, it will look as if the video is choppy and suddenly jumps to a different image.

**Note**

Images or videos uploaded for desktop devices will automatically be displayed in a responsive format on mobile devices as well. In some cases, they may be cropped. For best results, we recommend that you also upload separate images or videos specifically for mobile devices.

## 4. Add a placeholder image (optional)

You can also optionally add a *placeholder image* (9) and, of course, one *for mobile devices* (10), which will be displayed while the video is loading.

**Tip**

A placeholder image will be displayed until the video finishes loading. Make sure the **image dimensions** match those of the video.

We recommend using the first frame from the video as **the image content**. To do this, simply take a screenshot of the first frame of the video and then upload that image in the video slide settings.

## 5. Configure Additional Settings

We explain all *the other settings* (11) in the article " [How to edit elements?"](https://staging.churchtools.academy/en/help/website-and-finder/pages/how-to-edit-elements/)

[![Screenshot Website Pages Home Side head Add Video foil form](https://staging.churchtools.academy/wp-content/uploads/2026/06/Website_Pages_Home_Side-head_Add-Video-foil_form.png)](https://staging.churchtools.academy/wp-content/uploads/2026/06/Website_Pages_Home_Side-head_Add-Video-foil_form.png)

## 6. Save and publish changes

To save your current changes, click the " *Save Changes*" button. Once the page is complete, click the " *Publish*" button to publish it.

## Read more

- [What is the page header?](https://staging.churchtools.academy/de/help/website-und-finder/seiten-website/8-was-ist-der-seitenkopf/)
- [How to edit the page header?](https://staging.churchtools.academy/en/help/website-and-finder/pages/how-to-edit-the-page-header/)
- [How to create and edit a page?](https://staging.churchtools.academy/de/help/website-und-finder/seiten-website/8-wie-erstelle-und-bearbeite-ich-eine-seite/)
- [How to edit items?](https://staging.churchtools.academy/en/help/website-and-finder/pages/how-to-edit-elements/)