🛠



Support

︎

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. This article at Dive Into HTML5 has a good introduction to creating web-compatible video using Handbrake.

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.cargocollective.com/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.cargocollective.com/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 HTML5 Rocks.