> For the complete documentation index, see [llms.txt](https://docs-kit.superpowerups.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs-kit.superpowerups.com/kit-usage-guides/media/using-background-videos.md).

# Using Background Videos

In some of Kit's sections like [<mark style="color:orange;">Promo (08)</mark>](/kit-powerups/promos-kit/08-banner-with-background-video.md) there is an option to include a background video. For these videos, you need to essentially provide a URL to an MP4 Video file.

![](/files/C3C4ePvq7qnRRHAVeRp5)

{% embed url="<https://www.loom.com/share/1f77abc785784203bc1edd95ee84e67c>" %}

&#x20;

Thinkific makes it a breeze by utilizing their course "download" lesson.

* [ ] Create a Web Optimized MP4 video file. You should always limit the length of your video to 30-40 seconds at the most, or even better, find a short video that loops seamlessly, so that it seems like a longer video, but could be less than 1MB or 2MB in size, depending on the length. [<mark style="color:orange;">Videoblocks</mark>](https://www.videoblocks.com/) is a great resource for these videos.
* [ ] Create a dummy course inside your Thinkific site
* [ ] Create a download lesson and upload the video file
* [ ] Open the course as a student
* [ ] Right click on the download link and copy it
* [ ] Paste it into the Kit section settings

#### Also create a Thumbnail for the video

When you are using a background video, you should also provide a "poster" image. This image will be used on mobile devices that do note support HTML5 video and also will be shown briefly before the video plays.

* [ ] Play the video in full screen mode on your laptop or desktop
* [ ] Pause the video on frame one
* [ ] Capture the screen
* [ ] Crop this image in Canva so that it is 1920x1280
* [ ] (Alternatively) [<mark style="color:orange;">**use this black image**</mark> ](https://import.cdn.thinkific.com/205311/courses/592321/black-211020-165122.jpg)as the "poster" image so that the first frame is always black.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs-kit.superpowerups.com/kit-usage-guides/media/using-background-videos.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
