-
I am getting a Google Mobile Usability Error on pages that I’m running the player with the playlist below it.
The error is Clickable Elements Too Close Together.
I would like to fix it for page ranking and because I believe it does not look right (as it is a bit crowded.
I’m running the custom skin 2017 with captionsI need to space out the playlist videos (horizontally) so that there is enough space between the videos (and the overlays). It would also be nice to be able to add a border around them.
What are the proper changes to accomplish this. i suspect the css needs to be fixed.
Thanks
-
-
Hello cruiserparts,
we are using “2017 with captions” too: https://foliovision.com/player/demos/playlist-styles
I’m not getting that mobile usability error there: https://search.google.com/test/mobile-friendly?id=ss9n2nKURdTOHAUJHh90mg
Please check our playlist appearance and compare it to what you have – what could be triggering that error for you? Did you tweak any of the CSS of FV Player?
We are working on some improvements for the FV Player video splash screens which will help with the following issues in Google PageSpeed Insights:
* Defer offscreen images
* Properly size imagesThanks,
MartinHi,
When I type the link in now, the mobile checker says its fine. my dashboard says it’s not. I don’t understand it.
So, I guess I will wait a few days until it is re-verified.
BTW, regarding the other issue I raised. Is there a way to space apart the videos in the lower playlist viewer. Maybe have 20 or 30 px between them?
Hello cruiserparts,
technically something like this works (just place it as the last stylesheet, or add some content column selector in front of it):
.fp-playlist-external.fp-playlist-horizontal a { margin-right: 20px; }However it doesn’t look good, as the horizontal playlist is often wrapper to multiple lines if you have more than 3 items.
Update, this is a bit better:
.fp-playlist-external.fp-playlist-horizontal a { margin: 10px; }Thanks,
Martin
