Embed a single video
How to use the Capsule Player embed code
You can copy the embed code for any video in your Capsule Dashboard like this:

Here's an example of an embed code:
<div>
<script>
(function(c,a,p,s,u,l,e){c["_capsulePlayerIdent"]=p;c[p]=c[p]||function(){
(c[p].q=c[p].q||[]).push(arguments);e=a.querySelector("script[data-capsule='"+p+"']");
if(!e){u=a.createElement("script");u.async=1;u.src=s;u.dataset["capsule"]=p;
l=a.currentScript?.parentElement||a.body;l.appendChild(u);}}})
(window,document,"capsulePlayer","https://embed.capsule.video/player.js");
capsulePlayer({
slug: 'your-capsule-slug',
id: 'nxOsT1t1vsdk',
el: document.currentScript.parentElement
})
</script>
</div>
The follow parameters can be used to customize the embedded player:
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) | |
id | The ID of the video you're embedding. This is the unique ID at the end of the URL when viewing a video in a public-facing Capsule. | |
el | Optionally specify an #id or .class to append Capsule content within an existing div rather than inline below this script tag | |
width | Width of the video player, in pixels | 450 |
height | Height of the video player, in pixels | 600 |
animated | Whether to animate the thumbnail | true |
Last modified 7d ago