動画を Web ページに埋め込む
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.
Embed your Loom recording into a webpage
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.
From your video's share page, select Share above the video, then Embed.
Choose between Responsive or Fixed Size HTML code.
Select 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.
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.
機能 | コード |
|---|---|
Video Share Link (動画共有リンク): 動画の 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 |
Speed (速度): 動画の速度を非表示にします。 | hide_speed=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 (自動再生): 埋め込み動画を即座に再生します (詳細はこちら)。 | 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.
Examples:
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
この内容はお役に立ちましたか?