Fixing the YouTube embed automation in Webflow - workaround tutorial

[@lidarizza6871]

I remembered watching this a long time ago, and thought I needed this work around. But first I tried using the native CMS Video Link fields in a dynamic list and now it auto-embeds! It seems the issue has been resolved in Webflow.

[@pixelgeek]

Yup. So glad they fixed this!

[@danwerner4987]

Where can I get this code?

[@olivedrab]

Thanks Nelson. Big fan. Was just looking to solve this issue a week or so ago. Didn’t have a resolution until this visit. Right on time. Looking forward to all of your future videos!

[@brahmjotsingh8410]

Where I can find the code @pixelgeek

[@virginiedrapier2813]

I'm encountering this issue. Where I can find the script code? The first link on the description doesn't work. Thanks for your help!

[@juliekayeart]

You said in the video that you would put a link to the cloneable URL in the text above but it's not there. Please can we have it. Thank you.

[@beeeeeeeeeeks]

Hey nelson, cheers for the vid. Can you post the script or link to the clonable project, please?

[@megachad1462]

Thank you for the tutorial, but without the custom code the tutorial is like.. not helping at all

[@nocodequest8059]

Nelson, you rock! 🤩This is an awesome work around to a problem I was just talking about with others. Thank you for taking the time to run through this 🙏 One thing...you could make this all waaaaaay easier by saving the KZbin ID in your CMS instead of the full url. You could then forgot about adding any Javascript or Regex to parse it. Instead directly insert the ID into a hard coded KZbin link within your HTML Embed 🤓

[@pixelgeek]

true. :) but also, this could also be helpful when handing off this type of site to your client who forgets to only copy the ID rather than the whole URL.

[@ArthurStratDesign]

Hey @nocodequest8059, can you help me here please. What do you mean by that? Can you explain the step by step please?

[@nicolasmarquez5956]

Great work Nelson! Thank you!

[@pixelgeek]

Glad to help 😁

[@nav-unger]

Like always very useful. Thanks Nelson

[@pixelgeek]

My pleasure!

[@ragemydream]

Good work Nelson!

[@pixelgeek]

Thank you 😁🙇🏽‍♂️

[@mukastudio7207]

Hey bro! love the video. This is a noob question but how do you Autoplay and Loop Vimeo on scrolling on your Website? Would love your help !

[@mthornton5308]

Bit confused here, cant you just add field in between the "" in the imbed or is this forcing something else?

[@heyderekj]

Was wondering the same thing

[@christenkruger8686]

the regular share links from KZbin do not include the important "/embed" before the video ID so it won't recognise that it is an embed and therefore not play

[@christenkruger8686]

Great vid - Can we get the custom code for the REGEX? Can't replicate it

[@grantboufford5186]

Very nice. Tho couldn't you do this without the script and just add the 'real video url' field right within the embed component?

[@pixelgeek]

The URL of an embedded youtube video is different than a regular KZbin link

[@SerhiyKhvashchuk]

how to make this work with standard lightbox? I'm struggling to show videos from automatically populated collection in the lightbox

[@hannahomahony4478]

Thanks but where is the cloneable project??

[@christiancreates8658]

Super useful thanks :-)

[@pixelgeek]

You're welcome!

[@adilshehzad9494]

I just tried the youtube video link in webflow cms is working perfectly fine with the video element on the page no need for this long drill.

[@JimmyCeeTV]

How could you do this for vimeo links?

[@pixelgeek]

I would do the same thing, but find a script that pulled the vimeo ID from the URL and change the embed code to vimeo's code.

[@danwerner4987]

Did you end up finding the code that does this for vimeo?

[@JimmyCeeTV]

@@danwerner4987 I did a no code workaround. Seeing the vimeo video URLs are a lot neater, I ask users to only give the numbers of the unique video in the submit form. I took the standard vimeo embed code, throw that into a webflow embed and where the code reads player.vimeo.com/video/(id_numbers) -> change the id_numbers to your dynamic cms field that holds the video id

[@minasannu]

Where can this code be found?