Streaming live at 10am (PST)

Dynamic Video Lightbox Help (1)


#1

Hi Dave,
This is great thank you!
I've followed the prompts and I've put the code in the header of the page but the video still keeps playing after the modalbackground is clicked.
Please help!
https://preview.webflow.com/preview/claudia-kunin?preview=a11512d46b297164f0b7d1a5e49f485d
It's the 3D Animations page that has the video lightbox on it.


Dynamic Video Lightbox!
#2

Hey samliew,
Any info on how you would modify that code for Vimeo?
Also I don't see how you've inserted the lightbox?
Thanks!
Heyward


Embeded Vimeo videos in Dynamic item?
#3

I inserted the lightbox into embed code component in step 1.


#4

Ah I think I get it. Thank you!


#5

Hey Sam, When I insert the embed code according to your example in Step 1 I do noth get the dynamic list options that are showing for the thumbnail and URL in your Step 2. All I see id the original code as pasted in. Am I missing something?
Thanks!


#6

Embed code has to be inside a dynamic list.


#7

I figured out that I had to use that "+add field" link in the top right of the embed code window to get the fields from the list.

Now I'm going to try and get it to work with Vimeo :slight_smile:

Thanks for your help!


#8

Sam I tried modifying the embed code and the footer script like this to get your method to work with Vimeo. But I get an "Oops! The embed code for this video is not valid." error when I publish and click on a video. The error looks like it's coming from Vimeo so I think I'm close. Appreciate any help - I'm not good at script.


<script class="w-json" type="application/json"
data-src="[COLLECTION-VIDEO-URL]"
data-img="[COLLECTION-IMAGE]">{ "items": [{
"type": "video",
"url": "[COLLECTION-VIDEO-URL]",
"html": "",
"thumbnailUrl": "[COLLECTION-IMAGE]",
"width": 940,
"height": 528
}] }


#9

My workaround only works for youtube videos.


#10

Hi Sam,
Question for you regarding your lightbox workaround - I’ve tried numerous ways of getting the argument that usually prevents “related videos” from showing up at the end of the video. With youtube typically we use ?rel=0. I’ve tried appendinf it to the end of the URL as well as inserting it into the embed string. No luck. Any thoughts?