{"id":65839,"date":"2026-06-11T11:28:24","date_gmt":"2026-06-11T10:28:24","guid":{"rendered":"https:\/\/churchtools.academy\/help\/non-knowledgebase\/uncategorized\/how-do-i-create-a-video-slide-for-the-page-header\/"},"modified":"2026-06-16T16:01:56","modified_gmt":"2026-06-16T15:01:56","password":"","slug":"how-to-create-a-video-slide-for-the-page-header","status":"publish","type":"docs","link":"https:\/\/churchtools.academy\/en\/help\/website-and-finder\/pages\/how-to-create-a-video-slide-for-the-page-header\/","title":{"rendered":"How to create a video slide for the page header?"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">In this article, we&#8217;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 <a href=\"https:\/\/churchtools.academy\/en\/help\/website-and-finder\/pages\/how-to-edit-the-page-header\/\">&#8220;How to edit the page header?&#8221;<\/a> <\/p>\n\n\n\n<aside class=\"wp-block-group ct-box ct-box-blue has-background is-vertical is-layout-flex wp-container-core-group-is-layout-1ccdadb1 wp-block-group-is-layout-flex\" style=\"border-radius:8px;border-left-color:#22c55e;border-left-width:0.5rem;background-color:#dcfce7;margin-top:var(--wp--preset--spacing--60);margin-bottom:var(--wp--preset--spacing--60)\">\n<p class=\"wp-block-paragraph\" style=\"margin-top:0.5rem;margin-right:0.5rem;margin-bottom:0rem;margin-left:0.5rem\"><strong>Tip<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0rem;margin-right:0.5rem;margin-bottom:0.5rem;margin-left:0.5rem\">You can find lots of free videos on <a href=\"https:\/\/www.pexels.com\/de-de\/\" data-type=\"link\" data-id=\"https:\/\/www.pexels.com\/de-de\/\">pexels.com<\/a> that might be helpful.  <\/p>\n<\/aside>\n\n\n\n<h2 class=\"wp-block-heading\">1. Select a page header<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">In the admin area, go to <em>Pages, Posts, Events, People, or Groups<\/em> (1) to open the <em>page<\/em> or <em>content<\/em> (2) to which you want to add a video slide. On the page or within the content, first go to <em>\u201cPage Header\u201d<\/em> (3) and select the desired <em>layout<\/em> (4) for the page header. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/06\/Website_Pages_Home_Side-head.png\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1886\" height=\"936\" src=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/06\/Website_Pages_Home_Side-head.png\" alt=\"Screenshot Website Pages Home Side head\" class=\"wp-image-65848\" srcset=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/06\/Website_Pages_Home_Side-head.png 1886w, https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/06\/Website_Pages_Home_Side-head-300x149.png 300w, https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/06\/Website_Pages_Home_Side-head-1024x508.png 1024w, https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/06\/Website_Pages_Home_Side-head-768x381.png 768w, https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/06\/Website_Pages_Home_Side-head-1536x762.png 1536w, https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/06\/Website_Pages_Home_Side-head-360x179.png 360w\" sizes=\"(max-width: 1886px) 100vw, 1886px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">2. Add a video slide<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Further down, under the &#8221; <em>Slide<\/em> &#8221; heading, click the <em>+ icon<\/em> (5) and add a <em>video slide<\/em> (6).<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/06\/Website_Pages_Home_Side-head_Add-Video-foil.png\"><img decoding=\"async\" width=\"516\" height=\"346\" src=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/06\/Website_Pages_Home_Side-head_Add-Video-foil.png\" alt=\"Screenshot Website Pages Home Side head Add Video foil\" class=\"wp-image-65850\" style=\"width:343px;height:auto\" srcset=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/06\/Website_Pages_Home_Side-head_Add-Video-foil.png 516w, https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/06\/Website_Pages_Home_Side-head_Add-Video-foil-300x201.png 300w, https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/06\/Website_Pages_Home_Side-head_Add-Video-foil-360x241.png 360w\" sizes=\"(max-width: 516px) 100vw, 516px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">3. Upload a video<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">In the element, you can upload a <em>video<\/em> (7) and, optionally, a <em>video for mobile devices<\/em> (8). The requirements the video must meet are displayed directly in the element. <\/p>\n\n\n\n<aside class=\"wp-block-group ct-box ct-box-blue has-background is-vertical is-layout-flex wp-container-core-group-is-layout-1ccdadb1 wp-block-group-is-layout-flex\" style=\"border-radius:8px;border-left-color:#22c55e;border-left-width:0.5rem;background-color:#dcfce7;margin-top:var(--wp--preset--spacing--60);margin-bottom:var(--wp--preset--spacing--60)\">\n<p class=\"wp-block-paragraph\" style=\"margin-top:0.5rem;margin-right:0.5rem;margin-bottom:0rem;margin-left:0.5rem\"><strong>Tip<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0rem;margin-right:0.5rem;margin-bottom:0.5rem;margin-left:0.5rem\">The video should be in the <strong>MP4 file format<\/strong> and no larger than <strong>10 MB<\/strong>; otherwise, it will take longer to load. As a general rule, the smaller the file, the better. <br><br>You should<strong> remove<\/strong> the<strong> audio from the video<\/strong>, 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&#8217;t play.  <br><br>You should also make sure that the <strong>transition from the end of the video to the beginning<\/strong> is smooth; otherwise, it will look as if the video is choppy and suddenly jumps to a different image.<\/p>\n<\/aside>\n\n\n\n<aside class=\"wp-block-group ct-box ct-box-blue has-background is-vertical is-layout-flex wp-container-core-group-is-layout-1ccdadb1 wp-block-group-is-layout-flex\" style=\"border-radius:8px;border-left-color:#3e70ce;border-left-width:0.5rem;background-color:#f3f5f7;margin-top:var(--wp--preset--spacing--60);margin-bottom:var(--wp--preset--spacing--60)\">\n<p class=\"wp-block-paragraph\" style=\"margin-top:0.5rem;margin-right:0.5rem;margin-bottom:0rem;margin-left:0.5rem\"><strong>Note<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0rem;margin-right:0.5rem;margin-bottom:0.5rem;margin-left:0.5rem\">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.  <\/p>\n<\/aside>\n\n\n\n<h2 class=\"wp-block-heading\">4. Add a placeholder image (optional)<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">You can also optionally add a <em>placeholder image<\/em> (9) and, of course, one <em>for mobile devices<\/em> (10), which will be displayed while the video is loading.<\/p>\n\n\n\n<aside class=\"wp-block-group ct-box ct-box-blue has-background is-vertical is-layout-flex wp-container-core-group-is-layout-1ccdadb1 wp-block-group-is-layout-flex\" style=\"border-radius:8px;border-left-color:#22c55e;border-left-width:0.5rem;background-color:#dcfce7;margin-top:var(--wp--preset--spacing--60);margin-bottom:var(--wp--preset--spacing--60)\">\n<p class=\"wp-block-paragraph\" style=\"margin-top:0.5rem;margin-right:0.5rem;margin-bottom:0rem;margin-left:0.5rem\"><strong>Tip<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0rem;margin-right:0.5rem;margin-bottom:0.5rem;margin-left:0.5rem\">A placeholder image will be displayed until the video finishes loading. Make sure the <strong>image dimensions<\/strong> match those of the video.   <br><br>We recommend using the first frame from the video as <strong>the image content<\/strong>. To do this, simply take a screenshot of the first frame of the video and then upload that image in the video slide settings. <\/p>\n<\/aside>\n\n\n\n<h2 class=\"wp-block-heading\">5. Configure Additional Settings<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">We explain all <em>the other settings<\/em> (11) in the article &#8221; <a href=\"https:\/\/churchtools.academy\/en\/help\/website-and-finder\/pages\/how-to-edit-elements\/\" data-type=\"docs\" data-id=\"35382\">How to edit elements?&#8221;<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/06\/Website_Pages_Home_Side-head_Add-Video-foil_form.png\"><img decoding=\"async\" width=\"1148\" height=\"1574\" src=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/06\/Website_Pages_Home_Side-head_Add-Video-foil_form.png\" alt=\"Screenshot Website Pages Home Side head Add Video foil form\" class=\"wp-image-65852\" srcset=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/06\/Website_Pages_Home_Side-head_Add-Video-foil_form.png 1148w, https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/06\/Website_Pages_Home_Side-head_Add-Video-foil_form-219x300.png 219w, https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/06\/Website_Pages_Home_Side-head_Add-Video-foil_form-747x1024.png 747w, https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/06\/Website_Pages_Home_Side-head_Add-Video-foil_form-768x1053.png 768w, https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/06\/Website_Pages_Home_Side-head_Add-Video-foil_form-1120x1536.png 1120w, https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/06\/Website_Pages_Home_Side-head_Add-Video-foil_form-360x494.png 360w\" sizes=\"(max-width: 1148px) 100vw, 1148px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">6. Save and publish changes<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">To save your current changes, click the &#8221; <em>Save Changes<\/em>&#8221; button. Once the page is complete, click the &#8221; <em>Publish<\/em>&#8221; button to publish it. <\/p>\n\n\n\n<aside class=\"wp-block-group ct-artikel-zum-weiterlesen has-background is-layout-constrained wp-container-core-group-is-layout-79a8db7e wp-block-group-is-layout-constrained\" style=\"border-radius:8px;background-color:#f9fafb;margin-top:24px;margin-bottom:24px;padding-top:32px;padding-right:24px;padding-bottom:32px;padding-left:24px\">\n<h2 class=\"wp-block-heading has-medium-font-size\">Read more<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/churchtools.academy\/de\/help\/website-und-finder\/seiten-website\/8-was-ist-der-seitenkopf\/\">What is the page header?<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/churchtools.academy\/en\/help\/website-and-finder\/pages\/how-to-edit-the-page-header\/\" id=\"https:\/\/churchtools.academy\/help\/website-und-finder\/seiten-website\/wie-bearbeite-ich-den-seitenkopf\/\">How to edit the page header?<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/churchtools.academy\/de\/help\/website-und-finder\/seiten-website\/8-wie-erstelle-und-bearbeite-ich-eine-seite\/\">How to create and edit a page?<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/churchtools.academy\/en\/help\/website-and-finder\/pages\/how-to-edit-elements\/\">How to edit items?<\/a><\/li>\n<\/ul>\n<\/aside>\n","protected":false},"excerpt":{"rendered":"<p>In this article, we&#8217;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 &#8220;How to edit the page header?&#8221; 1. Select a page header In the admin area, go to Pages, Posts, Events, People, or Groups (1) to open [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"doc_category":[503],"doc_tag":[],"knowledge_base":[225],"class_list":["post-65839","docs","type-docs","status-publish","hentry","doc_category-pages","knowledge_base-website-and-finder"],"pp_statuses_selecting_workflow":false,"pp_workflow_action":"current","pp_status_selection":"publish","pp_force_visibility":null,"pp_subpost_visibility":null,"pp_inherited_force_visibility":null,"pp_inherited_subpost_visibility":null,"acf":[],"year_month":"2026-06","word_count":230,"total_views":"3","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Victoria Weidemann","author_nicename":"vweidemann","author_url":"https:\/\/churchtools.academy\/en\/author\/vweidemann\/"},"doc_category_info":[{"term_name":"Pages","term_url":"https:\/\/churchtools.academy\/en\/help\/website-and-finder\/pages\/"}],"doc_tag_info":[],"knowledge_base_info":[{"term_name":"Website and Finder","term_url":"https:\/\/churchtools.academy\/en\/help\/website-and-finder\/","term_slug":"website-and-finder"}],"knowledge_base_slug":["website-and-finder"],"_links":{"self":[{"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/docs\/65839","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/comments?post=65839"}],"version-history":[{"count":10,"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/docs\/65839\/revisions"}],"predecessor-version":[{"id":65854,"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/docs\/65839\/revisions\/65854"}],"wp:attachment":[{"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/media?parent=65839"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/doc_category?post=65839"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/doc_tag?post=65839"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/knowledge_base?post=65839"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}