-
We’re using FV Player with LearnDash to show Vimeo videos for courses.
I followed the guide here and the videos work, but course progression is not saved.
Upon page load, the LearnDash javascript code looks for a ‘video’ or ‘iframe’ tag within the video wrapper, and if found, sets various event listeners to keep track of progress. However, when using Vimeo, there is no video or iframe tag in the markup until after the play button is pressed.
On page load:
<div class="fp-player" ...> <img class="fp-splash" .../> <div class="fp-ui">...</div </div>After pressing the play button, the splash image is removed, the video player is loaded, and it begins playing. However, the LearnDash javascript code has already been executed and the event listeners that record the video progress were not registered.
See line 549 of learndash_video_script.js in the LearnDash plugin.
-
-
Hello Dana,
Please let us know if you are using both “Video Progression” and “Use FV Player” as seen in the first step of our Learndash guide.
FV Player does include code that makes Learndash aware of the video using their LearnDash_watchPlayers function. So this should work.
Thanks,
MartinHi Martin
A bit late to reply but I can confirm that yes, both of those settings are enabled.
The problem is that LearnDash_watchPlayers javascript function is called only if a video or iframe tag exists within the .ld-video wrapper.
See line 549 of learndash_video_script.js in the LearnDash plugin to see what I mean.
When our page first loads, the .ld-video wrapper only contains an img tag which is the splash image for the video thumbnail. No video or iframe tag so it fails to call watchPlayers. The img tag is only removed and replaced with a video tag once the play button is pressed, but by then the JS has already been executed.
To expand on this a bit, LearnDash_watchPlayers relies on ld_video_players being set as it loops through the available players on the page. However, that object is always empty since it only gets populated if the previously mentioned check for a video or iframe tag passes
Hello Dana,
Thank you for your insights. FV Player has its own code to deal with LearnDash LMS lesson progress.
I tried to setup a new course with LearnDash LMS 4.10.0 to verify if it all works as expected.
I enabled “Video Progression” and “Use FV Player” in a lesson and put in a video.
Then when I enrolled for the course as a student I saw that I cannot click the “Mark Complete” button, not until I watched the full video.
So no problems so far. But I noticed that if I click the “Mark Complete” button it does not save properly if I’m using “Use FV Player” setting.
Now it’s fixed. Could you please reinstall FV Player from this link? https://foliovision.com/downloads/fv-wordpress-flowplayer.zip
Please let us know if that fixed the issue for you.
Thanks,
Martin
