> 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

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

<figure><img src="/files/-Ljq2vnxHoFK1242_vtq" 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="/files/-LjpVJsrYAh8-ErKEwVy" 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 %}
