video lightbox responsive?

uzustar's picture
uzustar
Mon, 08/24/2015 - 04:46
#1
video lightbox responsive?

Hi, i test the video lightbox on my slider. It's works very well but how can i confugure the lightbox to be responsive because the size is fixed?

It is this css only to modify

.md-videocontainer {position: fixed; width: 640px; height: 400px; background: #fff; z-index: 99; left: 30%; top: 30%;
    -moz-box-shadow:0px 0px 4px rgba(0,0,0,0.52);
    -webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.52);
    box-shadow:0px 0px 4px rgba(0,0,0,0.52);
    -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=0,Color=#85000000,Positive=true)";
    filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=0,Color=#85000000,Positive=true);}

thks

phuonght's picture
phuonght
Mon, 08/24/2015 - 06:35

Hi,

We will check and reply ASAP :)

phuonght's picture
phuonght
Mon, 08/31/2015 - 06:01

Hi,

In case you use lightbox video, would you like to use text then add link which using lightbox or  use lightbox for video added directly in mega slider?

If you would like to use for video added directly so must check your theme is responsive or not. We tested in theme, https://www.drupal.org/project/responsive_bartik and https://www.drupal.org/project/bootstrap all work well.

And if you would like to use text and add link, we recommend that you should use plugin js at http://dimsemenov.com/plugins/magnific-popup/, it supports well responsive and seems like to be used by many users. You need to include js file, css of plugin and custom theme js. Please take a look at demo of the plugin.

Log in or register to post comments
Have More Idea?

We are here to build your website!

No Universal solution fits all special business requirements. Our experienced team is ready with ideas and state-of-the-art technical solutions to consult the best solution within your budget.