# Embedding Loom Videos

**URL:** <https://community.noloco.io/t/embedding-loom-videos/910>\
**Category:** Ask for Help\
**Created:** [July 3, 2024, 12:34pm UTC](https://community.noloco.io/t/embedding-loom-videos/910 "2024-07-03T12:34:15Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![Dominic](https://dub1.discourse-cdn.com/flex005/user_avatar/community.noloco.io/dominic/32/608_2.png) [@Dominic](https://community.noloco.io/u/Dominic)\
**Post date:** [July 3, 2024, 12:34pm UTC](https://community.noloco.io/t/embedding-loom-videos/910/1 "2024-07-03T12:34:15Z")

</div>

Has anyone else had issues with embedding loom videos when adding a loom share URL to a video embed page element?

When I do this I see only a blank video player interface but nothing plays and none of the controls work.

 ![Screenshot 2024-07-03 at 14.33.06](https://europe1.discourse-cdn.com/flex005/uploads/noloco/original/1X/22cd82b56bd166a07b7507d063c7440546b857d2.png)

---

<div class="post-metadata">

**Author:** ![Dominic](https://dub1.discourse-cdn.com/flex005/user_avatar/community.noloco.io/dominic/32/608_2.png) [@Dominic](https://community.noloco.io/u/Dominic)\
**Post date:** [July 3, 2024, 12:39pm UTC](https://community.noloco.io/t/embedding-loom-videos/910/2 "2024-07-03T12:39:18Z")

</div>

P.S. I understand these can be uploaded to YouTube and then added via their platform, but I was wondering if this step was required for some reason, or if I was doing something wrong with the loom URL’s.

---

<div class="post-metadata">

**Author:** ![darragh](https://dub1.discourse-cdn.com/flex005/user_avatar/community.noloco.io/darragh/32/12_2.png) [@darragh](https://community.noloco.io/u/darragh)\
**Post date:** [July 3, 2024, 12:44pm UTC](https://community.noloco.io/t/embedding-loom-videos/910/3 "2024-07-03T12:44:59Z")

</div>

The Loom “share” URL is not a direct URL to a video, it’s actually a webpage that should be embedded through our `iframe` component.

You’ll find that if you add it there, it will work completely as expected

---

<div class="post-metadata">

**Author:** ![Dominic](https://dub1.discourse-cdn.com/flex005/user_avatar/community.noloco.io/dominic/32/608_2.png) [@Dominic](https://community.noloco.io/u/Dominic)\
**Post date:** [July 3, 2024, 3:24pm UTC](https://community.noloco.io/t/embedding-loom-videos/910/4 "2024-07-03T15:24:22Z")

</div>

Thanks Darragh!

Just in case anyone else is trying this, I found that the share URL directly didn’t work, but copying the embed code did.

This is using the Share URL directly in an iFrame:

 ![Screenshot 2024-07-03 at 17.19.41](https://europe1.discourse-cdn.com/flex005/uploads/noloco/original/1X/aac9eb56f3ed443ead56d8a37544b6f9fb867c28.png)

This is when I used the embed code in an iFrame element:

 ![Screenshot 2024-07-03 at 17.20.16](https://europe1.discourse-cdn.com/flex005/uploads/noloco/original/1X/d81295c231145503e706d22af4b175b1070a10e1.jpeg)

You copy the embed code from the share menu here:

 ![Screenshot_2024-07-03_at_17_17_38](https://europe1.discourse-cdn.com/flex005/uploads/noloco/original/1X/725f4363c8a486d21a0d8467ac52ccc3fda378c6.png)

---

<div class="post-metadata">

**Author:** ![darragh](https://dub1.discourse-cdn.com/flex005/user_avatar/community.noloco.io/darragh/32/12_2.png) [@darragh](https://community.noloco.io/u/darragh)\
**Post date:** [July 3, 2024, 3:34pm UTC](https://community.noloco.io/t/embedding-loom-videos/910/5 "2024-07-03T15:34:13Z")

</div>

Thanks @Dominic !

We might try to upgrade our Video element to support loom videos (in the same way it supports Youtube videos)

---

<div class="post-metadata">

**Author:** ![michael](https://dub1.discourse-cdn.com/flex005/user_avatar/community.noloco.io/michael/32/404_2.png) [@michael](https://community.noloco.io/u/michael)\
**Post date:** [July 3, 2024, 10:02pm UTC](https://community.noloco.io/t/embedding-loom-videos/910/6 "2024-07-03T22:02:03Z")

</div>

Hi @darragh - If you do add support for Loom, would that also cover Vimeo which, I believe, also requires the embed code/iFrame route?

---

<div class="post-metadata">

**Author:** ![garyGHL](https://dub1.discourse-cdn.com/flex005/user_avatar/community.noloco.io/garyghl/32/555_2.png) [@garyGHL](https://community.noloco.io/u/garyGHL)\
**Post date:** [July 4, 2024, 9:04am UTC](https://community.noloco.io/t/embedding-loom-videos/910/7 "2024-07-04T09:04:47Z")

</div>

Completely off topic, but you can also share video & documents direct from OneDrive for those using that ☺

For documents just add **&action=embedview** to the url, so the below embeds the document in full page.

> [https://mydomain.co.uk.sharepoint.com/:w:/g/personal/gary\_brett\_mydomain\_co\_uk/etctetcetc&action=embedview](https://mydomain.co.uk.sharepoint.com/:w:/g/personal/gary_brett_mydomain_co_uk/etctetcetc&action=embedview)

---

<div class="post-metadata">

**Author:** ![darragh](https://dub1.discourse-cdn.com/flex005/user_avatar/community.noloco.io/darragh/32/12_2.png) [@darragh](https://community.noloco.io/u/darragh)\
**Post date:** [July 4, 2024, 1:58pm UTC](https://community.noloco.io/t/embedding-loom-videos/910/8 "2024-07-04T13:58:08Z")

</div>

We might tackle both of these at the same time, for sure, depending on complexity

---

<div class="post-metadata">

**Author:** ![seanvosler](https://dub1.discourse-cdn.com/flex005/user_avatar/community.noloco.io/seanvosler/32/698_2.png) [@seanvosler](https://community.noloco.io/u/seanvosler)\
**Post date:** [July 8, 2024, 2:07pm UTC](https://community.noloco.io/t/embedding-loom-videos/910/9 "2024-07-08T14:07:50Z")

</div>

As Dominic pointed out you can use the iFrame module + data + the embed URL from the ‘share’ button within loom to make the embed work.

 ![Screenshot 2024-07-08 at 7.00.54 AM](https://europe1.discourse-cdn.com/flex005/uploads/noloco/original/1X/87f5f15b2f3dfca1c968868d63122ce226f7f369.png)  
 ![Screenshot 2024-07-08 at 7.01.46 AM](https://europe1.discourse-cdn.com/flex005/uploads/noloco/original/1X/1b86070bd30c1dbda184056f7fd51911cdd93649.png)

**However, Darragh, I do think having native support in the ‘video’ module for loom would be great since the aspect ratios of the iframe embeds (based on the S/M/L/XL function) tends to make iframed embed loom videos look wonky** – def something I’d love to see added!
