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