Skip to content
New issue

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

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

Already on GitHub? # to your account

Navigation arrows when video is loaded? #579

Open
morph3us-net opened this issue Jan 26, 2023 · 1 comment
Open

Navigation arrows when video is loaded? #579

morph3us-net opened this issue Jan 26, 2023 · 1 comment

Comments

@morph3us-net
Copy link

Is there any way I could also show the navigation arrows when a youtube or vimeo video is loaded and playing?
"data-arrows" set to "always" doesnt work, unfortunately.

@morph3us-net
Copy link
Author

I have a hacky solution:
I added these lines to my css file:
.fotorama__wrap > .fotorama__stage > .fotorama__arr{ transform: none !important; opacity: 1 !important; }

Then had to comment out these rules, couldnt find a more specific selector for step one to override the !important rules.
.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev{---webkit-transform:translate3d(-48px,0,0)!important;--transform:translate3d(-48px,0,0)!important}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next{---webkit-transform:translate3d(48px,0,0)!important;--transform:translate3d(48px,0,0)!important}

The I set the fotorma's instance's data-loop value to true.

I especially dislike the manual commenting out of the position attributes in the CSS, but thats what I cam up with.
Should I close this or is there someone who can show me a more elegant way??

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

No branches or pull requests

1 participant