Pop Out Lightbox Video Source

Site URL: https://www.sekyiwabrooke.com

Hey all,

I found a method to add a lightbox link but I'm not sure how to get it to work with an <iframe> to embed Youtube videos? I've tried with a regular <video> and that works fine but the <iframe> is blank black.

Page - Code Injection

Quote

<link href="//cdn.rawgit.com/noelboss/featherlight/1.4.0/release/featherlight.min.css" type="text/css" rel="stylesheet" />   <script src="//code.jquery.com/jquery-latest.js"></script> <script src="//cdn.rawgit.com/noelboss/featherlight/1.4.0/release/featherlight.min.js" type="text/javascript" charset="utf-8"></script></link>

Code Block #1 (The Lightbox Info)

Quote

<div style="display:none;">
 <div id="bio-john" style="max-width:375px;">
<center>
  <video controls autoplay>
  <source src="#" type="video/mp4">
</video>
   </div>
   </div>

Code Block #2 (The Link)

Quote

<a href="//cdn.rawgit.com/noelboss/featherlight/1.3.2/release/featherlight.min.css" data-featherlight="#video-pop">TRAILER</a>

The video pops up but it's not loading/linking to the Youtube url. I also don't know how to fix the sizing to make the lightbox bigger. Any help would be appreciated!

Thanks,

1 hour ago, vanessakrystin said:

Site URL: https://www.sekyiwabrooke.com

Hey all,

I found a method to add a lightbox link but I'm not sure how to get it to work with an <iframe> to embed Youtube videos? I've tried with a regular <video> and that works fine but the <iframe> is blank black.

Page - Code Injection

Code Block #1 (The Lightbox Info)

Code Block #2 (The Link)

 

The video pops up but it's not loading/linking to the Youtube url. I also don't know how to fix the sizing to make the lightbox bigger. Any help would be appreciated!

 

Thanks,

Which is the popup link in your site

@bangank36

It is the Family Law "Trailer" Link
https://www.sekyiwabrooke.com/film

 

@VanesssaG Hi. It looks works to me

On 10/14/2021 at 10:05 PM, tuanphan said:

@VanesssaG Hi. It looks works to me

@tuanphan

I have it set back to a video source as the YT iframe did not work. It is a live website so I couldn't have it be a dead video source. I could make a dummy page with the iframe in there for you to see the source if that helps?

On 10/19/2021 at 2:37 AM, vanessakrystin said:

@tuanphan

I have it set back to a video source as the YT iframe did not work. It is a live website so I couldn't have it be a dead video source. I could make a dummy page with the iframe in there for you to see the source if that helps?

You can duplicate the site & add * share url there. We can check easier