Youtube embed on webflow displays a black box

Ask the Community General Questions
1

I have 2 issues…

First, I have installed multiple elfsight embeds on my webflow site. All of them work except for youtube which displays…nothing at all.

I do see the following error in the console which seems to be related:

Screenshot 2025-02-07 at 4.44.21 PM
Screenshot 2025-02-07 at 4.44.21 PM1002×174 31.7 KB

Secondly, the “Contact Support” link in the elfsight dashboard does nothing. It’s not properly linked to anything.

2 Likes
2

Hi there,

I see you’re facing a couple of issues. Let’s go through them:

  1. YouTube Embed Issue:
  • The fact that the YouTube embed isn’t displaying suggests there might be a problem with the embed code or settings in your Webflow site.
  • Check the Console Error: Based on the screenshot you shared (though I can’t see it here), the console error could point to a specific issue, like a JavaScript conflict or an issue with the embed code.
    • Try inspecting the specific error in the console and cross-reference it with the Elfsight documentation or any conflicts with other scripts on your site.
    • You could also try clearing your cache or disabling any conflicting scripts to see if that resolves the problem.
  1. Contact Support Link Not Working:
  • It seems like the link might not have been set up correctly or is broken. In the meantime, you can try reaching out to Elfsight via their official email support or directly through their help center on the website.

It might also help to:

  • Try re-embedding the YouTube widget.
  • Ensure you’re using the correct API keys (if required for YouTube).

If these don’t work, I’d recommend contacting Elfsight support via email or their help center for a deeper look. :slightly_smiling_face:

Let @Max and @helga know if you need further assistance! :tada:

Best,
Maxim! :smiling_face:

1 Like
3

Let me know if it helped :wink:

1 Like
4

Appreciate the help, but I’ve done these things already, including reaching out to support. No response yet.

2 Likes
5

Hi there, @Calvin_Wilson :wave:

The widget isn’t displayed because of the conflict with jQuery. You need either to update it to the latest min version (e.g. https://code.jquery.com/jquery-3.6.1.min.js) or just reinstall the widget in iframe:

<script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.2.10/iframeResizer.min.js"></script>
<iframe
  src="https://4e834901dc144bd79d4f09725d9eaa07.elf.site"
  style="border: none; width: 100%"
  onload="iFrameResize(this)"
></iframe>

This code should replace your widget’s installation code. Please try one of the solutions and let me know if it helped :slightly_smiling_face:

As for contacting the Support Team button, it appears but only after checking the article. Currently, we are receiving a huge number of requests, and we’ve temporarily enabled this mode, so that you could find a faster solution in our articles. We’ll disable this mode, once we’ve worked through all the tickets.

In the meantime, you can also contact our Support Team at support@elfsight.com , https://help.elfsight.com/?contact=1 or just drop us a line here. We’ll be delighted to help!

1 Like
6

Thanks @Max — that did resolve it.

It’s on a webflow instance; I have no control over the version of jQuery they publish with.

The support button does nothing. No indication that I need to check an article, etc.

2 Likes
7

Great, you’re welcome :slightly_smiling_face:

As for the support button, I understand that it might be not obvious and I am really sorry about this confusion!

Here is how it works: you just type your question/keyword and after checking the related article, the Ask button appears:

image
image1297×810 99.6 KB

1 Like