# Background Video Section

{% 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&#x26;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.).

![](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\&token=ecfb4832-8dcc-4255-8419-e51409f1e80a)

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 %}