YouTube Videos Not Appearing on Webflow Website

Design help Webflow integrations
1

Hi Webflow Forum

For some reason, when I publish a blog post which has an embedded YouTube video, the video doesn’t show on the live page. It does show though in the Designer perfectly.

The below is a read-only link to the landing page where I have embedded the YouTube video.

https://preview.webflow.com/preview/finance-template-126a5f?utm_medium=preview_link&utm_source=designer&utm_content=finance-template-126a5f&preview=4abe5d670b39cdb1a33d045b7bdb27a0&pageId=652ec40b7eddc77274a2136c&itemId=652ec40b7eddc77274a21494&workflow=preview

Does anyone have any ideas as to why a published version of a landing page won’t display a YouTube video?

The YouTube video is a public video, so it’s not the settings of the YouTube video which is the issue.

I appreciate the help.

Best,

Niamh

2

Hey @NiamhCharisMe could you publish the blog post to the preview-Domain please? It’s hard to debug currently, because it’s working in the Designer-Preview.
First thing I noticed is, that you are using a cookie consent tool (which is great), but it might be blocking YouTube.

3

Hi Mirko

I’ve just published it to the preview domain, which is linked to below:

Appreciate your help.

Best,

Niamh

4

That’s indeed pretty strange. The body and the head of the iFrame is empty:

Screenshot 2023-10-18 at 14.57.37

It should look like this:

Screenshot 2023-10-18 at 14.58.39
Screenshot 2023-10-18 at 14.58.39444×978 118 KB

At the same time, the console does not give an error and scripts from YouTube are loaded.
Sometimes the video also appears, but rarely.

Could you try to change the embed link? Try using this one please: YouTube

If that does not work, can you try to deactivate the cookie consent tool?Just to make sure that this is not the cause of the problem, because this is the only difference between the designer and the published website.

5

I just tried the embed link and this doesn’t work: Coping Strategies - How to Deal with Anxiety

I will test tomorrow turning off the consent tool temporarily to see if this is the issue, as you say. As soon as I have an update, I’ll let you know.

Have a good rest of your day.

Niamh

6

Niamh how are you publishing these?

Webflow uses a 3rd party system called Embedly to prepare and deliver video elements. Occasionally ( rarely ) it goes down or has issues, which could be the problem, but that would likely affect everyone.

Embedly has a processing step that occurs when you add the video. When you add it through the designer CMS screen, you see a delay while the URL is checked, before the video element appears.

If you’re adding these videos from within the designer, then typically Embedly should do its thing and prepare the video properly for playback. However if you’re publishing them through the API from a separate source like AirTable, Embedly often doesn’t get triggered and your YouTube videos aren’t “ready”.

7

Hi Michael

I’m just using the native embed feature in Webflow, which sounds like it’s Embedly which you describe. So, not using an API solution at all. Just the below solution as shown in the screenshot:

Screenshot 2023-10-18 at 20.49.00
Screenshot 2023-10-18 at 20.49.001652×1064 93.5 KB

After embedding the video in the designer CMS screen, the video shows perfectly in the designer screen. Only in the live published version of the blog post does the embedded YouTube video not show.

1 Like
8

I’ve seen embedly fail in the past, so you might try re-adding your video and re-publishing to see if that fixes it.

Also there are a number unusual “cracks” in the system right now as Webflow is rolling out localization. It’s a massive change.

9

Re-publishing the video a few times doesn’t seem to have fixed it. I’ll leave the video off the page for the moment. It looks like a consistent bug in Webflow.

10

I removed temporarily the cookie consent tool from our staging website, to see if this was the issue with YouTube videos being displayed on our blog. But this doesn’t seem to fix the issue: Coping Strategies - How to Deal with Anxiety

I think it’s due to a limitation with our cookie consent platform, where I need to upgrade to a higher plan in order for YouTube videos to be able to shown on our pages.

I’ll try this and let you know.

Thanks for the suggested help.

11

Hi Niamh, I don’t think that’s the problem.
It’s unlikely that would cause the contents of the iframe to be empty, and even when consent is accepted and the page is refreshed the video is still not appearing.

I still suspect embedly.

I’d remove the video and re-add it, and make sure you see the indicator that the video has been successfully linked.

Failing that, I’d try replacing it with an HTML embed

<iframe width="560" height="315" 
src="https://www.youtube.com/embed/GH_J9c2uIFk?si=3G8uMErQFnwIeLlp" 
title="YouTube video player" frameborder="0" 
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 
allowfullscreen></iframe>
12

Hi Michael

My YouTube video now works, now that I’ve upgraded my consent management platform to a paid plan.

Thanks for your help on this issue. It was definitely helpful to learn more about embedly.

Have a good weekend.

Best,

Niamh

13

Hi Mirko

You were right. It was an issue with the consent management platform.

Now that I’ve upgraded to the paid version of our consent management platform, YouTube videos can now be embedded.

Thanks for your help on this. You pointed me in the right direction. :slightly_smiling_face:

Best,

Niamh

1 Like