Embed on a webpage
Let your claap video play natively within your webpage with our embed code.
There are two options to embed a claap video: responsive and fixed.
Responsive claap videos will automatically adjust to fit a specific screen or window size. This means the player will adjust to the dimensions of the container where it's placed, all while preserving your video's original aspect ratio.
If you wish to change the size of the player iframe, you’ll need to adjust the parent container in your webpage. You cannot adjust the dimensions inside the embed code itself.
When choosing a fixed embed, you decide the dimensions of your claap video.
Adjust the width and height values before pasting the code into your webpage builder. We recommend using dimensions that yield the same aspect ratio as your original file.
Open the claap you wish to embed
Click on Share
Click on Embed
Select size: responsive or fixed
Click on copy embed code
Embed on email
You can also share your claap video as an animated thumbnail in the body of your email. Here's how it works:
Open the video you'd like to share, click
Share, and select
Copy GIF Thumbnailto add it to your clipboard.
Past the link into your email message and your claap video thumbnail will display as a gif.
Embed on popular platforms
You can also automatically embed a claap video on popular platforms like Github, JIRA, Slack, Asana and others.
Depending on the platform, the claap player will be embedded or we will show a GIF of the claap instead. This is dependent if the platform supports our embed code. In both cases (embed or GIF), we put the title of the claap just below, directing to the claap, so that the user can click.
To embed a claap video, simply grab the claap link as shown above and paste in where it is supported:
You can find which platforms we support and the expected behavior here:
Asana: in threads
ClickUp: in replies + new reply input
Intercom: in the discussions + new/edit reply inputs
JIRA: In the issue descriptions, replies and new/edit reply inputs
Trello: In card descriptions, replies, and new reply input
Github: in the issue descriptions, replies, and new/edit reply inputs
Gitlab: in the issue descriptions, replies, and new/edit reply inputs
Linear: in the issue descriptions, comments, and new/edit comment inputs
Gmail: in the “new email” text input (GIF only)
You can activate or deactivate Claap embed modes directly from your Chrome extension. Click on the setting icon and toggle those options on/off:
If you're looking at how to integrate claap with Notion or Slack, check these articles: