Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

When using video the left and right buttons get covered up #21

Open
drewpotter opened this issue Feb 13, 2015 · 4 comments
Open

When using video the left and right buttons get covered up #21

drewpotter opened this issue Feb 13, 2015 · 4 comments
Labels

Comments

@drewpotter
Copy link

Hi,

This is a great library! I have noticed that when embedding a YouTube video the left and right buttons get covered up and so they can't be clicked.

Kind Regards,

Drew

@ajlkn ajlkn added the bug label Apr 8, 2015
@luckystar22
Copy link

Yes, awesome library! And the iframe has the same bug. :(

@HugoGon
Copy link

HugoGon commented Mar 6, 2016

Hi!
Seems to have been a while since this have been posted, but just had this problem with the close button (used inside) with an iframe.

Just solved it by adding a value of 1500 of depth. in the css of the .closer selector.
(or use any other value that works for you)
Like so:

.poptrox-popup .closer {
    z-index: 1500;
}

Hope this helps someone.

Cheers
Hugo

@ajlkn
Copy link
Owner

ajlkn commented Oct 23, 2016

What @HugoGon said :) Will fix in rewrite though.

@asvvvad1
Copy link

setting higher z-index for the navigation elements make them show above the videos
just add z-index: 99999 to this existing block:

		.poptrox-popup:hover .closer,
		.poptrox-popup:hover .nav-previous,
		.poptrox-popup:hover .nav-next {
			opacity: 0.5;
			z-index: 99999
		}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

5 participants