Embed your Capsule

A simple way to embed Capsule content into your website

Basic Usage
The simplest form of the embed code will display a grid with the same content that appears in your Capsule, while inheriting some of the styles configured for the Capsule:
<script src="https://embed.capsule.video/grid.js"></script>
<script>
    new Capsule({
        slug: "your-capsule-slug"
    })
</script>
The slug is your subdomain (e.g. your-capsule-slug.capsule.video) or, in the case of a custom domain, the domain replacing "." with "-" (e.g. www-yourdomain-com).
​
Additional Parameters
Various parameters can be added to control what content is displayed and how it's 
<script src="https://embed.capsule.video/grid.js"></script>
<script>
    new Capsule({
        slug: "your-capsule-slug",
        el: "#your-div-id",
        cols: 5,
        maxItems: 10,
        metaDisplay: true,
        favorites: true,
        category: "some-category-name",
        animated: false,
    })
</script>
Parameter
Description
Default
slug
Your subdomain (e.g. your-capsule-slug.capsule.video) or, in the case of a custom domain, the full domain replacing "." with "-" (e.g. www-yourdomain-com)
​
el
Optionally specify an #id or .class to append within an existing div vs. injecting inline with the script tag
​
cols
Number of columns
5
maxItems
Maximum number of videos to display
25
metaDisplay
Whether to metadata over the thumbnails (e.g. name, category)
false
favoritesOnly
Only display content favorited in Capsule Admin
false
animated
Whether to animate the thumbnails
true
​
​

Last updated 4 days ago

Parameter	Description	Default
slug	Your subdomain (e.g. your-capsule-slug.capsule.video) or, in the case of a custom domain, the full domain replacing "." with "-" (e.g. www-yourdomain-com)
el	Optionally specify an #id or .class to append within an existing div vs. injecting inline with the script tag
cols	Number of columns	5
maxItems	Maximum number of videos to display	25
metaDisplay	Whether to metadata over the thumbnails (e.g. name, category)	false
favoritesOnly	Only display content favorited in Capsule Admin	false
animated	Whether to animate the thumbnails	true