How to embed your video into a webpage

To allow your Loom video to play natively within your webpage, you can use our embed code. 🖥️

This provides a seamless experience for your visitors to watch your Loom recording without having to leave your website.

Here's how to embed your Loom recording into a webpage:

  1. From your video's share page, click Share above the video and click Embed.Embed_Gif..gif

    💡
    Make sure the privacy settings are set as "anyone with the link can view" so that your video is easily accessible and watchable by all viewers. 

  2. Choose between Responsive or Fixed Size HTML code.
    Embed__Responsive_vs_Fixed.jpg

  3. Click Copy Code then paste the code into your website text editor. You might find that your code will change slightly when pasting it, resulting in an error message. This can be fixed by pasting the code specifically into an HTML block.

  4. From here, the Loom player with your video will play embedded in your webpage. 

Embed URL Parameters

You can hide and alter your embedded video by appending the video's embed code using the parameters listed below. 

Function

Code

Video Share Link: Hides the button that links out to the video URL. hide_share=true
Embed Top Bar: Hides the top bar of the embedded video which includes the title, owner, and share link. hideEmbedTopBar=true
Title: Hides the video title. hide_title=true 
Owner: Hides the video creator's avatar before the video plays. hide_owner=true
Timestamps: Start the video at a specified timestamp. t=80s or t=1m20s
Mute: Starts the video muted. muted=1 or muted=true 
Autoplay: Immediately plays the embedded video (learn more here). autoplay=1 or autoplay=true

 

How to add Embed Parameters 

At the end of your Loom URL link, you'll want to add the ? symbol in front of the first parameter. If you have multiple parameters, you'll want to separate them with &

⚠️ If the sid= parameter is already included in the embed code (which it usually is), it will already have the ? before it. Any additional parameters should start with &. You don’t need to add another ? unless you decide to remove the sid= parameter entirely.

Example:
Without sid="? 👉 https://www.loom.com/embed/e5b8c04bca094dd8a5507925ab887002?hideEmbedTopBar=true&t=20s

With sid=" 👉 https://www.loom.com/embed/e5b8c04bca094dd8a5507925ab887002?sid=0f136068-cf47-494a-9057-b1b07f973cea&hideEmbedTopBar=true

Example with title, views, CTA, and share module visible (default):
C1BA4FF9-C0EF-426F-8E9C-6A903532060D.png

Example with all elements hidden:  
Screen_Shot_2021-10-25_at_3.25.31_PM.png


  

 

Questions, comments, concerns? Contact us here.

Happy recording! 😃 🎥

Was this article helpful?
19 out of 21 found this helpful