> For the complete documentation index, see [llms.txt](https://docs.codenation.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.codenation.com/admin-tag-customisations/background-video-section.md).

# Background Video Section

Elevate your content's impact by adding dynamic background videos to engage viewers or spotlight campaign features.

{% hint style="info" %}
Live Demo: <https://candidate.codenation.com/>
{% endhint %}

<figure><img src="https://2029999482-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LeL-FYaRUlvUn8HHUaD%2F-Ljq2SYqkl_jOIxhsh9s%2F-Ljq2vnxHoFK1242_vtq%2FScreenshot%202019-07-16%2000.35.42.png?alt=media&amp;token=9b235219-0364-4153-9686-cacfb581d76b" alt="Candidate&#x27;s Background Video Example"><figcaption><p>Candidate's Background Video Example</p></figcaption></figure>

## Adding a background video:

1. Create a new basic page and add a youtube URL to the body of the page. When pasting the URL be sure to paste it without formatting (i.e. without a hyperlink, underline, etc.).

<img src="https://2029999482-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LeL-FYaRUlvUn8HHUaD%2F-LjpNfx-5g1DYcH4NGQs%2F-LjpVJsrYAh8-ErKEwVy%2FScreenshot%202019-07-15%2021.59.59.png?alt=media&amp;token=ecfb4832-8dcc-4255-8419-e51409f1e80a" alt="" width="375">

2. Add the tag `Admin Show Background Video:[VIDEO_SLUG]`  to the page you want the video to appear.&#x20;
   * Where `[VIDEO_SLUG]` is the slug of the page created in step 1.  I.e. `(Admin Show Background Video:celebration)`
3. You can overlay a quote on the video by adding a headline to the video page.

{% hint style="success" %}
Given background videos are not supported on many mobile devices, you can set a fallback image to use as the background in this section on smaller screens. To do this, simply upload your desired background photo as the social media image for the page.
{% endhint %}