Button to launch youtube video in pop up (lightbox)

  • Hello all,

    I made some nice progress on my site I built using www.ads-software.com. There is one thing I can’t seem to fix.

    I want to add a button to my page which (when clicked upon) will launch create a popup (lightbox?) in which a youtube video will be played.

    I tried some plug ins, but I couldn’t find the right one. Or it wasn’t able to play video’s, or it wasn’t able to launch via a button.

    I hope someone can help me on a good plug in or something ??

    With kind regards,
    Werner

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi Werner

    Have you tried WP Video Lightbox ?

    Example usage:
    <a href="https://www.youtube.com/watch?v=G7z74BvLWUg&width=640&height=355&rel=0" rel="wp-video-overlay"> BUTTON HTML / IMAGE </a>

    Let me know how it goes, all the best!

    Thread Starter wbijlsma

    (@wbijlsma)

    The WP Video Lightbox offers great step to what I want, I just don’t seem to be able to add the button. I set up WP Video Lightbox with this link

    [video_lightbox_youtube video_id=”WTAHzO1i6Mw&rel=false” width=”640″ height=”480″ anchor=”Waar we voor werken”]

    It provides my with a perfect working pop up, it is now the button that is msising, but I read what this plug in doesn’t support buttons yet.

    Hi

    You are indeed correct.

    The CSS Approach:

    Add this code to your Custom CSS file (if you have one and I highly recommend using a child theme) . Alternatively you can use https://www.ads-software.com/plugins/simple-custom-css/

    
a[rel="wp-video-lightbox"]{
text-decoration:none;
background-color:#000000;
padding:10px;
border: 1px solid #808080;
color:#ffffff;
}

a[rel="wp-video-lightbox"]:hover{
text-decoration:none;
background-color:#CCCCCC;
padding:10px;
border: 1px solid #808080;
color:#000000;
}

    This will give your anchor links the button aesthetic you require.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Button to launch youtube video in pop up (lightbox)’ is closed to new replies.