wanting video link to launch "full screen" in Layer Slider

Hi!

I would prefer Youtube as it allows you to modify the way the video looks.

When you add the youtube video you need to add some parameters to the URL which will change the look of the video

https://www.youtube.com/watch?v=7Ya71Vtkccc?&controls=0&modestbranding=0&autoplay=1&rel=0&showinfo=0&hd=1&autohide=1&color=white

in the above URL On = 1  and Off = 0 the rest of them are parameters allowed by google

controls=0
modestbranding=0
autoplay=1
rel=0
showinfo=0
hd=1
autohide=1
color=white

Use this link to build your own URL http://www.vtubetools.com/ then modify it without the iframe as showin int he above link.

For more details please ref to https://developers.google.com/youtube/player_parameters

Add the below css in Quick CSS to make the lightbox video larger or fullscreen adjust the height and width

/* Lightbox Large Video  */
.mfp-iframe-holder .mfp-content {
    width: 100%;
    max-width: 70%!important;
}

Fullscreen

/* Lightbox fullscreen Video */
.mfp-iframe-holder .mfp-content {
    width: 100vw!important;
    height: 100vh!important;
}

Regards,
Vinay Kashyap

Hi!

When I saw last time the video opened in a lightbox. Right now when you click on the video icon users are sent to youtube site… so you cannot get the “X” or the close icon. Please revert it back so that when the video icon is clicked it opens in a lightbox then we can target the close icon to show in fullscreen.

Right now you are using layerslider and icon as an image instead you can use a color section and icon inside it.

To position close button please use the following CSS

/*Close button position*/
div.avia-popup .mfp-iframe-scaler .mfp-close {
     top: 0!important;
    right: 0!important;
} 

Regards,
Vinay Kashyap