> For the complete documentation index, see [llms.txt](https://learn.cozmos.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://learn.cozmos.com/guides/video/video-backgrounds.md).

# Video Backgrounds

{% embed url="<https://video.sphere.co.uk/knowledgebase/video_bg.mp4>" %}

See Video Background live [*right here*](https://spheredemo.cozmos.com/en/video-background).

## Adding Your Video

1. Start by adding the video you want for the background to the canvas
2. Select the video and go to Transform Settings
3. Click the toggle for 'Wrap the Whole Sphere'. This will turn the video into a full-sphere background

## Video Size and Aspect Ratio

You can use any size video, but if it is too small, then it will be stretched to fit the sphere&#x20;

{% hint style="success" %}
For the best results, we recommend using a video with a 5.9:1 aspect ratio&#x20;
{% endhint %}

### How to check Aspect Ratio

* **Video properties:** Right-click the file on your computer and look for "Details" or "Properties" to see its width and height
* **Quick Calculation:** Divide the width by the height to get a number. For example, if your video is 5900 pixels wide and 1000 pixels tall, dividing 5900 ÷ 1000 gives 5.9, making it a 5.9:1 aspect ratio

## Transform Settings&#x20;

Once wrapping is enabled, the align and transform options will be disabled to maintain the proper fit (except for the X parameter).&#x20;

### All done! 💥

## Video Background doesn't work in Safari?

While there's no real limitations for Video Backgrounds on Spheres, they might not work in Safari, especially on Mobile. If that's the case, we recommend to:

1. Set Codec to HEVC
2. Compress video file (5-6 MB maximum optimal size)