-
The sticky player is working on normal posts, but on my Learn Press lessons the sticky player is not working, but the regular player is loading.
And idea on how I could trouble shoot this?
I uploaded an image comparing the console view for the working post on the right, and the left one which is the lesson where sticky video isn’t working.I tried loading js everywhere, but that didn’t change it.
This is still just on my local machine, but if I need to put it on a server so it can be accessed let me know.
-
-
I’ve also tried adding sticky=”true” to the short code just to make sure it wasn’t that the individual instance didn’t have it turned off.
Hello Dax,
These console logs do not help much. We could add some debug log messages for the sticky player, but until now we did not have many bug reports.
You can try to play your video and then scroll further down. You should see that the main player DIV gets the
is-stickyclass. The list of classes can be pretty long, so it’s not easy to spot.It might be easier just to check this on browser console, if you have some experience with that:
jQuery( '.is-sticky' ).lengthIt should return 1.
If it’s not being added, you can run this on browser console to see if there is no issues with the browser viewport:
jQuery(window).innerWidth() >= fv_flowplayer_conf.sticky_min_width || || fv_flowplayer_conf.sticky_video == 'all'If all that works then we problem might be with CSS. We use a combination of these attributes:
- transform: translateX(-20px);
- position: fixed;
- z-index: 999;
In some browser if the parent element has one of these set to some other conflicting value it might prevent our CSS from working. Safari runs into similar issues.
We are also happy to do all the work for you right on your website until we figure out the issue, just book our Pro support: https://foliovision.com/pro-support
Thanks,
MartinThanks Martin!
I will troubleshoot this and try to get it working.
Hello Dax,
Please let us know if these hints do not help.
Thanks,
Martin
