# Video embeds not rendering in emails

**URL:** <https://forum.ghost.org/t/video-embeds-not-rendering-in-emails/52505>\
**Category:** Using Ghost\
**Created:** [November 16, 2024, 9:56am UTC](https://forum.ghost.org/t/video-embeds-not-rendering-in-emails/52505 "2024-11-16T09:56:24Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![Alexand3r](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/alexand3r/32/33229_2.png) [@Alexand3r](https://forum.ghost.org/u/Alexand3r)\
**Post date:** [November 16, 2024, 9:56am UTC](https://forum.ghost.org/t/video-embeds-not-rendering-in-emails/52505/1 "2024-11-16T09:56:24Z")

</div>

Am I doing something wrong?

If I embed a video in a post, what shows in the corresponding email is an empty outlined placeholder-like block where the video is meant to be. Is this expected behaviour?

In a Substack email, there is a screenshot or animated GIF clip of the video in that spot, which is better than an empty placeholder.

---

<div class="post-metadata">

**Author:** ![Alexand3r](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/alexand3r/32/33229_2.png) [@Alexand3r](https://forum.ghost.org/u/Alexand3r)\
**Post date:** [November 17, 2024, 7:12pm UTC](https://forum.ghost.org/t/video-embeds-not-rendering-in-emails/52505/2 "2024-11-17T19:12:15Z")

</div>

Does anybody have a solution?

---

<div class="post-metadata">

**Author:** ![Kevin](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/kevin/32/32_2.png) [@Kevin](https://forum.ghost.org/u/Kevin)\
**Post date:** [November 18, 2024, 12:50pm UTC](https://forum.ghost.org/t/video-embeds-not-rendering-in-emails/52505/3 "2024-11-18T12:50:03Z")

</div>

Something sounds like it’s not working correctly.

1. Are you using the Video card or embedding a 3rd party video?
2. If you’re using the Video card, which browser are you using and do you get any errors in the developer tools console when uploading a video?
3. Which email client are you using?

For the native video card the editor should be capturing a screenshot automatically as part of adding the video, which should then be used when sending an email. If that’s not happening, something is going wrong somewhere along the line.

---

<div class="post-metadata">

**Author:** ![Alexand3r](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/alexand3r/32/33229_2.png) [@Alexand3r](https://forum.ghost.org/u/Alexand3r)\
**Post date:** [November 18, 2024, 1:01pm UTC](https://forum.ghost.org/t/video-embeds-not-rendering-in-emails/52505/4 "2024-11-18T13:01:25Z")

</div>

No, I’m using the HTML card and inserting the embed code. It works in the browser.

Should I not be doing this?

---

<div class="post-metadata">

**Author:** ![Kevin](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/kevin/32/32_2.png) [@Kevin](https://forum.ghost.org/u/Kevin)\
**Post date:** [November 18, 2024, 1:09pm UTC](https://forum.ghost.org/t/video-embeds-not-rendering-in-emails/52505/5 "2024-11-18T13:09:21Z")

</div>

Yeah, that won’t work in emails. HTML cards render their contents exactly as entered for both the website and email, however video embeds like the type you can copy/paste into a HML card typically work by using javascript which is not supported in emails.

If you want email-friendly video embeds you’ll need to use the native Video card or an Embed card with a service that provides thumbnails as part of the embed metadata (e.g. YouTube or Vimeo).

---

<div class="post-metadata">

**Author:** ![Alexand3r](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/alexand3r/32/33229_2.png) [@Alexand3r](https://forum.ghost.org/u/Alexand3r)\
**Post date:** [November 18, 2024, 2:18pm UTC](https://forum.ghost.org/t/video-embeds-not-rendering-in-emails/52505/6 "2024-11-18T14:18:03Z")

</div>

What if I’m using a different (premium) service for video embeds but one that creates the thumbnail and animated image for, presumably, this reason?

How do I insert this into the post/email? More specifically, how do I show the video in the post and the screenshot in the email?

 ![Screenshot 2024-11-18 at 16.15.01](https://us1.discourse-cdn.com/flex015/uploads/ghost2/original/3X/1/8/18d7cdfe071b9cd98ffd6b4028b533025ecf454d.png)

---

<div class="post-metadata">

**Author:** ![Alexand3r](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/alexand3r/32/33229_2.png) [@Alexand3r](https://forum.ghost.org/u/Alexand3r)\
**Post date:** [November 19, 2024, 9:45am UTC](https://forum.ghost.org/t/video-embeds-not-rendering-in-emails/52505/8 "2024-11-19T09:45:37Z")

</div>

My guess, as a workaround, might be to be publish the post to email with the thumbnail and, after it’s sent, replace the thumbnail with the video.

It’s a bit labour intensive, but I can’t find another way.

---

<div class="post-metadata">

**Author:** ![Cathy\_Sarisky](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/cathy_sarisky/32/25750_2.png) [@Cathy\_Sarisky](https://forum.ghost.org/u/Cathy_Sarisky)\
**Post date:** [November 19, 2024, 12:40pm UTC](https://forum.ghost.org/t/video-embeds-not-rendering-in-emails/52505/9 "2024-11-19T12:40:11Z")

</div>

Just to confirm, you tried the embed card, right? (Not just the html card.) I’m not sure that’ll work, but it’d be worth checking!

---

<div class="post-metadata">

**Author:** ![Alexand3r](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/alexand3r/32/33229_2.png) [@Alexand3r](https://forum.ghost.org/u/Alexand3r)\
**Post date:** [November 19, 2024, 1:22pm UTC](https://forum.ghost.org/t/video-embeds-not-rendering-in-emails/52505/10 "2024-11-19T13:22:23Z")

</div>

The embed card doesn’t work even in the post.

---

<div class="post-metadata">

**Author:** ![Alexand3r](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/alexand3r/32/33229_2.png) [@Alexand3r](https://forum.ghost.org/u/Alexand3r)\
**Post date:** [November 20, 2024, 7:23am UTC](https://forum.ghost.org/t/video-embeds-not-rendering-in-emails/52505/11 "2024-11-20T07:23:19Z")

</div>

If I use the video code and paste it into the video card, all that happens is an external link to the video is given, no embedding.

---

<div class="post-metadata">

**Author:** ![Alexand3r](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/alexand3r/32/33229_2.png) [@Alexand3r](https://forum.ghost.org/u/Alexand3r)\
**Post date:** [November 28, 2024, 10:27am UTC](https://forum.ghost.org/t/video-embeds-not-rendering-in-emails/52505/12 "2024-11-28T10:27:36Z")

</div>

Is there a Code Injection that would allow me to add an option to the video embed card under ‘other’? Currently, I use [bunny.net](http://bunny.net), which is excellent, but the Ghost video card doesn’t recognise it. [Bunny.net](http://Bunny.net) includes everything required for the video card (and for email).

If I add the embed code to a video card currently, it simply creates an external link to the video, rather than embedding the video.

 ![Screenshot 2024-11-28 at 12.24.56](https://us1.discourse-cdn.com/flex015/uploads/ghost2/original/3X/1/9/1932d77ea245aff1a8389a5e65993dd35787b21a.png)

---

<div class="post-metadata">

**Author:** ![Alexand3r](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/alexand3r/32/33229_2.png) [@Alexand3r](https://forum.ghost.org/u/Alexand3r)\
**Post date:** [November 28, 2024, 12:40pm UTC](https://forum.ghost.org/t/video-embeds-not-rendering-in-emails/52505/13 "2024-11-28T12:40:50Z")

</div>

Using ChatGPT, I managed to get the [Bunny.net](http://Bunny.net) direct URL to embed as a video via Code Injection. However, I can’t get it to use the kg-width-wide class.

Any idea how this can be achieved?
