Problems with the YouTube embed function

Community resources Bugs
1

Hi,
I have problems embedding multiple YouTube-videos on a page in Webflow.
Page loads really slow and console prints errors related to the embed. See screenshot.

Please help

-B

image
image1396Ă—1348 343 KB

Read only link:
https://preview.webflow.com/preview/info-learn-handball?utm_medium=preview_link&utm_source=dashboard&utm_content=info-learn-handball&preview=cbf1abe0ebeee7359e1066237b115bb4&mode=preview

2

Share the published url so we can also inspect the console.

3

Hi, and sorry about that, @webdev . Url is: https://info.learnhandball.com/
Thanks!

4

Try using the YouTube component instead of the generic video component.

To improve speed, try showing one language at a time instead of all five per video. You can use tabs, or conditional visibility for this.

5

Thanks, @joejola. I didn’t know Webflow had an own YouTube component.
At a closer look, the component doesn’t seem to work with videos from collections…

When it comes to language, I’m not sure this can be solved by conditional visibility. We are using Weglot, and it does not communicate directly with Webflow. Not sure how your “Tab solution” would look like?

Cheers

6

Don’t know if this will solve your issue @joejola, but see if there is an extra space in the YouTube component. Try typing in some text and then deleting it and making sure there isn’t anything extra there that is not visible to the naked eye.

7

I’m sorry for the misunderstanding. The tabs and conditional visibility suggestion isn’t for languages, but for videos. Currently, you have all five videos per language showing at once. Tabs could help viewers by hiding the other four videos. This could help improve speed and user experience.

8

NP @joejola. We solved it with a lot of custom code instead.

1 Like
9

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.