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