Displaying fullscreen video

To place a full-screen video loop in your website, start by preparing your video files for playback on the web. For best compatibility between browsers, you'll need two separate video files:

An H264-format video, in the form of an .mp4 , .mov , or .m4v file. Most modern browsers can use this format.

An OGG-format video, in the form of an .ogg or .ogv file. Firefox requires this format for compatibility

Vimeo has good guidelines on generating H264-format videos with many different programs. These and other programs are also capable of generating OGG files, such as MPEG Streamclip or the "Convert / Stream" menu command in VLC .

After you've generated the correct files, upload them to a file host. If your Cargo website has an Upgraded Subscription, you can use its Personal Files feature to store your video files. File lockers such as Dropbox or Google Drive will not work reliably when used as file hosts, and are not recommended.

Then, place the following code into the project, page, or — if you want to use it as a background for your entire website — your Custom HTML area.

Replace each URL ( http://files.cargocollective.com/50277/terrestrials_trailer.mov / http://files.cargocollective.com/50277/terrestrials_trailer.ogg ) with the URLs to the files that you generated in the first step.

Finally, place the following lines inside your website's CSS. Your CSS is accessible through your website's admin panel: Settings → Customization tools → CSS Inspector. The following code can be placed any any available blank line: