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).
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 |