Docs

[mgma]

Hi guys-

I foubnd the post on your forum about how to make an mp4 video autoplay and it works. But now there is this big white oval that slides down dfrom the top of the screen, very brief;y, and then slides back up… when the lightbox opens.

What is that? and how do I get rid of it.

Thanks!

[Prasant Rai]

Hello There,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thanks.

[mgma]

http://a17.d57.myftpupload.com/

Click on the “watch now: button on the left under the slider to open the modal.

Also… I need to trigger this same video lightbox from a thumbnail image instead of a button… can’t get it. Can you give me the correct shortcode?

Thanks!!

[Lely]

Hi There,

Thanks for posting in. That is the lightbox loader. If you want to remove it, please add the following custom CSS on Appearance > Customize > Custom > Edit Global CSS:

.ilightbox-loader.horizontal {
    display: none !important;
}

.ilightbox-toolbar.light {
  display: none !important;
}

For image you can use something like this:
[image class="btn-lightbox" src="http://yourdomain.com/image.jpg" alt="Example" link="true" href="http://bigidea.pro/cyberedge/wp-content/uploads/2016/07/CyberEdge-Explainer-Video.mp4?autoplay=1" title="Example Image"]

Assuming that it’s on the same page. If not, we have to declare lightbox shortcode again.
This might also help:http://demo.theme.co/integrity-1/shortcodes/responsive-lightbox/

Cheers!

[mgma]

Thanks. This gets rid of it on the home page…

http://a17.d57.myftpupload.com/

But on the page using the image… there is now a space at the top above the dark background, and the background is full opacity… please see screenshot.

I don’t know what’s going on… but they need to be both the same lightbox… they need to be both like the home page.

Help?

[mgma]

here is the screenshot….

[mgma]

FYI… That open area… where the website shows through underneath… is at the top AND bottom of the screen. Screenshot attached…

Again.. this only happens on the overview page… on the home page it’s fine. So I am confused. I just need a consistent lightbox display, for the same video, from multiple locations…

Thanks

[mgma]

Also… just on that Overview page… if the video is open and I reload the page… it opens the video again, instead of just loading the page.

[mgma]

I guess you’ll have to take my word for it… suddenly I cannot send a screenshot. says my file is too big…

[mgma]

ok… I figured out what is causing this, just on the overview page… if I get rid of the auto play on the video…

?autoplay=1

it seems ok. How can I remedy this? The autoplay works fine on the home page version of it using a button.

Also… the opacity of the background is lighter than it is on the home psge… I can;t seem to change it anywhere… even CSS on this page only.

Solutions to try?

Thanks!

[Joao]

Hi There,

I can see your video is loading multiple times on the button on the home page.

I believe you have used the selector more than one time.

Also I am a bit confused about what issue you are referring to, please provide us more details in a organized simple message and we will gladly help you.

Also would you mind providing your login credentials in a private reply so we can take a closer look on your setup?

Thanks

Joao

[mgma]

Thanks!… Not sure what you mean. There is only one instance of the video on the home page. I just checked the code to be sure.

Can you clarify?

This is the only call for this video on the home page…

<div style=”text-align:center;”>[button class=”btn-lightbox” href=”http://bigidea.pro/cyberedge/wp-content/uploads/2016/07/CyberEdge-Explainer-Video.mp4?autoplay=1&#8243; title=”CyberEdge Video” lightbox_video=”true”]Watch Now[lightbox selector=”.btn-lightbox”][/button]</div>

Is this not correct? Maybe we should start here… what am I doing wrong?

[mgma]

ok, please take a look…

http://a17.d57.myftpupload.com/company-overview/

This is the same video. Launched from the image in the upper right corner, using autoplay… it has a full black background with spaces open to the semi-transparent areas at the top and bottom of the screen.

Whereas the same video triggered from the “Watch Now” button at the bottom of the page displays it perfectly. same video, same page.

There is something about the shortcode that you gave me for using the image that causes it to do this when using autoplay. If I remove autoplay it displays fine. But I need them both to autoplay… and to display the exact same way.

Make sense?

[mgma]

Now I’m hearing what you’re saying about the home page (it’s playing the video multiple times). someone else noticed it too. I only have one video shortcode button on the page. Do you know what is causing this?

Thannks for your help!!

[mgma]

FYI… I had to remove the “Watch Now” button on the overview page… mentioned above.

This repeating you noticed on the home page video button only happens when I try to autoplay it. I used the code you gave me, and I see on other posts here…

<div style=”text-align:center;”>[button class=”btn-lightbox” href=”http://bigidea.pro/cyberedge/wp-content/uploads/2016/07/CyberEdge-Explainer-Video.mp4?autoplay=1&#8243; title=”CyberEdge Video” lightbox_video=”true”]Watch Now[lightbox selector=”.btn-lightbox”][/button]</div>

adding the “?autoplay=1” to the video makes it repeat and play over itself on the home page… and causes the weird modal display mentioned about on the overview page. Some kind of conflict.

Is there another way to make an mp4 autoplay?

Thanks!

[Author]

Posts