Embedding Videos
There are several possible ways to add video to your site, depending on whether you are hosting your video inside your Cargo site or on a third-party site like Vimeo or Youtube.
Using a Youtube or Vimeo embed
Both Youtube and Vimeo offer simple embed codes that can be pasted directly into any Page. On the source page of your video, click the Share button. Find the Embed option and copy the provided code; this code can be pasted directly into your Page through the Cargo content editor.
To place a Youtube or Vimeo embed inside a Video Backdrop, paste the URL of the video's page — not its embed code — into the Enter Video URL field.
Using a video file
Start by making sure that the video you are using is browser-compatible: Use H264 video and AAC audio. Handbrake is an ideal tool for creating videos that can be viewed by any device: use their Quick Start guide to get started.
If you have a video file that you'd like to embed directly into a Page, start by uploading it into your personal file hosting area, inside the content editor: Images →
. Then, copy the video's URL and use it wherever it is needed, including the Video Backdrop.After uploading a video file, open the page's code view and create a video tag to embed your video file:
<video width="1000" height="720" controls="">
<source src="https://static.cargo.site/assets/backdrop/video/DTLA_1950.mov" type="video/mp4">
</video>
The controls attribute will expose basic playback controls for your video; you can also set the video to autoplay, loop, or be muted as in this example:
<video width="1000" height="720" autoplay="" muted="" loop="" playsinline="">
<source src="https://static.cargo.site/assets/backdrop/video/DTLA_1950.mov" type="video/mp4">
</video>
There are other attributes that will allow you to control how your video is loaded and displayed. For more information on using HTML5 video tags, see this article on w3schools.