Hello again Samuel!
Please download the project here:DOWNLOAD
I did not include the video files in my zip because there is no point in sending you your own video files.
Everything appears to work now. Feel free to make any changes that you want. The captions now display and so does the transcript. It is using JSON (there were some parse issues with your JSON file).
Obviously, I had to update player . js, ccFinal.html, captions.json
So make sure that you have all of my changes when testing and make sure that you do a hard refresh (CTRL-F5 or Shift-Refresh).
Other than the captions/transcript appearing, I have the mouseovers working as well.
If you mouse over the captions or transcript (depending on which one is currently displayed), the movie will pause. When you mouse off, the movie will start back up.
However, if you pause the movie with the video control, then mousing over things does not restart the movie. I added this because it was amazingly
annoying. Let's say that you intentionally press pause on the movie. The way you had it, as soon as the mouse is moved over the page, if it touched the caption or transcript area, it would restart because the mouseout restarts the movie. Mousing out from the transcript or caption should only restart the movie if the movie was paused as a result of hovering over the caption or transcript.
If the movie was intentionally paused with a pause button, moving the mouse over the caption or transcript should not restart the movie. That is just insanely annoying and make it very difficult to control. I found myself saying to my screen, "No! Stay Paused! I want you paused! No! No more glowsticks! Stop!" -- So I added the functionality to make certain that the hover/mouseout functionality works better.
Let me know if you have any questions. I'm here to help!
Please remember to rate my answer. Thank you so much and have a wonderful day!