Embeded YouTube stopped displaying

Consent Pro
1

Description

Adding any kind of script to the custom code section breaks loading YouTube videos. This was working fine yesterday, and is broken today.

Site URL

Required: Please provide a staging/production URL where we can see the issue

Steps to Reproduce

  1. Create a new website in webflow

  2. Follow steps to add a video component as seen here How to Embed Consent-Compliant Videos in Webflow - Finsweet Consent Pro

  3. Edit the embed and add a youtube video iframe. For example:

  4. Add a script that is handled by consentpro to the custom code. For example:

  5. Publish and view the page.

  6. Accept the cookies.
    …

Expected Behavior

It should show the video.

Actual Behavior

The “Video is blocked. Accept cookies to watch it.” placeholder doesn’t go away. Looking at the network tab it never attempts to load the youtube embed. If you remove the custom code, it will load the video without problems.

Video/Screenshots

Required: Please provide a short screen recording showing the issue

Additional Context

  • Browser: Firefox 148.0 (64-bit)
  • Device: Desktop Windows 11 pro

NDA Notice: If you’re under an NDA, please feel free to send us a Direct Message/Email with the above information.

2

Hey @james.carbine!

That’s really helpful troubleshooting — the fact that removing the HubSpot code restores the video tells us exactly where the conflict is happening! :thinking:

Looking at your HTML, your Consent Pro setup appears to be correctly configured:

  • Your video iframe has the right attributes (fs-consent-categories="marketing" and fs-consent-src)
  • The HubSpot script has the proper Consent Pro attributes (type="fs-consent", fs-consent-categories="marketing")
  • Your consent banner and preferences panel structure is all there

What’s likely happening:

Based on your findings, it appears there’s a conflict between how Consent Pro is managing the HubSpot script and the video iframe when they both share the marketing consent category. When you accept marketing cookies, Consent Pro should activate both — but something in that process is preventing the video from loading when the HubSpot script is present.

Let’s try a diagnostic test:

Could you temporarily change the HubSpot script’s fs-consent-categories from "marketing" to something like "analytics" (or even "essential" just to test)? This will help us confirm whether the shared category is causing the interaction issue.

<script type="fs-consent" 
        id="hs-script-loader" 
        async 
        defer 
        src="https://js.hs-scripts.com/22776492.js" 
        fs-consent-categories="analytics"
        fs-consent-scripttype="text/javascript">
</script>

Could you also share your Webflow read-only link and staging URL (if different from the one you provided)? This will let us see how the scripts are actually loading on the live site, including the Consent Pro initialization script.

This looks like an edge case in how Consent Pro handles multiple elements in the same consent category, so we’re bringing this to @Support-Luis and @Support-Pedro for investigation. We’ll get to the bottom of this for you :flexed_biceps:

3

After further testing, I found that if the script is blocked, it breaks consent pro. The https://js.hs-scripts.com/22776492.js url is blocked on my network. If I unblock that domain, then the video loads just fine. When can I expect this bug to be fixed?

Here is the sandbox link, I presume that’s the read only link you are referring to? Webflow - James's Trendy Site

Thanks!

-James

4

It appears this behavior is fixed in V2 of consent pro.

5

Hey @james.carbine! Great to hear the issue is resolved!

Let me know if you face any other issues or if you need any more help!