Uploaded image for project: 'Moodle'
  1. Moodle
  2. MDL-76340

Video JS player doesn't display the control bar

XMLWordPrintable

    • MOODLE_39_STABLE
    • MOODLE_311_STABLE, MOODLE_39_STABLE
    • Hide

      Note

      Test on supported browsers for 3.9 and 3.11

      Testing instructions

      1. Login as admin
      2. Go to Site admin > Plugins > Media players > Manage media players
      3. Enable "VideoJS player" if it's not enabled yet and click on the arrow to put it on the top so it becomes the default media player
      4. Restore the media_players_course_backup.mbz as a new course.
      5. Except for the Vimeo video, check the video and audio files rendered on the course homepage
      6. Confirm that playback controls are displayed
      7. Confirm that playback controls work as expected
        • Playback controls get hidden after some time during playback and are shown when the mouse hovers over the player or the player receives focus.
        • The designated functionalities of the controls work (e.g. play button plays and pauses the video, dragging the playback slider works, the chapter select menu or playback speed work as expected, switch to full screen works, etc.)
        • Confirm that all the menu items are working as expected

      Regression tests

      Repeat the tests from the following issues and confirm that everything is still passing:

      1. 3.9 and 3.11 - MDL-75278
      2. 3.9 - MDL-67383
      3. 3.11 - MDL-70308
      Show
      Note Test on supported browsers for 3.9 and 3.11 Testing instructions Login as admin Go to Site admin > Plugins > Media players > Manage media players Enable "VideoJS player" if it's not enabled yet and click on the arrow to put it on the top so it becomes the default media player Restore the media_players_course_backup.mbz as a new course. Except for the Vimeo video, check the video and audio files rendered on the course homepage Confirm that playback controls are displayed Confirm that playback controls work as expected Playback controls get hidden after some time during playback and are shown when the mouse hovers over the player or the player receives focus. The designated functionalities of the controls work (e.g. play button plays and pauses the video, dragging the playback slider works, the chapter select menu or playback speed work as expected, switch to full screen works, etc.) Confirm that all the menu items are working as expected Regression tests Repeat the tests from the following issues and confirm that everything is still passing: 3.9 and 3.11 - MDL-75278 3.9 - MDL-67383 3.11 - MDL-70308
    • 2
    • Team Hedgehog Sprint 1.1, Team Hedgehog Sprint 1.2

      Since a recent update, when playing videos embedded in a course via a label / filter - the controls (play/pause, volume, etc) are not shown. This seems to be a bug in the latest video-js update, since in the console there is an error:

      Uncaught TypeError: this.buildCSSClass is not a function
      

      This is likely a regression of https://tracker.moodle.org/browse/MDL-75278 - reverting the commit fixes the issue.

      Reproduce

      1. Create a course
      2. Create a label
      3. Insert any youtube link
      4. Save and display
      5. Play video
      6. Video plays without control bar.

       

      This has been directly observed in 3.9 - 3.11 is not affected as it likely already have a higher version of video-js installed.

       

       

        1. audiofiles.PNG
          31 kB
          Arto Nieminen
        2. Unexpected bug.png
          177 kB
          Stevani Andolo
        3. videojs vs html5 player support.png
          46 kB
          Jun Pataleta
        4. video_controls_working.png
          451 kB
          David Woloszyn
        5. menunotyetfixed.png
          31 kB
          Jun Pataleta
        6. media_players_course_backup.mbz
          19.23 MB
          Jun Pataleta
        7. playback_controls_v39_chrome_MDL-76340.mp4
          4.58 MB
          John Edward Pedregosa
        8. playback_controls_v39_firefox_MDL-76340.mp4
          4.76 MB
          John Edward Pedregosa
        9. playback_controls_v39_edge_MDL-76340.mp4
          5.30 MB
          John Edward Pedregosa
        10. playback_controls_v39_internetexplorer_MDL-76340.mp4
          4.47 MB
          John Edward Pedregosa
        11. playback_controls_v39_safari_MDL-76340.mp4
          3.48 MB
          John Edward Pedregosa
        12. security_videojs_v39_edge_MDL-75278.mp4
          2.35 MB
          John Edward Pedregosa
        13. security_videojs_v39_chrome_MDL-75278.mp4
          2.09 MB
          John Edward Pedregosa
        14. security_videojs_v39_firefox_MDL-75278.mp4
          2.25 MB
          John Edward Pedregosa
        15. security_videojs_v39_internetexplorer_MDL-75278.mp4
          3.08 MB
          John Edward Pedregosa
        16. security_videojs_v39_safari_MDL-75278.mp4
          2.11 MB
          John Edward Pedregosa
        17. videojs_upgrade_v39_safari_mobile_MDL-76340.mp4
          2.67 MB
          John Edward Pedregosa
        18. videojs_upgrade_v39_internetexplorer_MDL-76340.mp4
          6.11 MB
          John Edward Pedregosa
        19. videojs_upgrade_v39_safari_MDL-76340.mp4
          3.99 MB
          John Edward Pedregosa
        20. videojs_upgrade_v39_edge_MDL-76340.mp4
          6.96 MB
          John Edward Pedregosa
        21. videojs_upgrade_v39_chrome_MDL-76340.mp4
          8.08 MB
          John Edward Pedregosa
        22. videojs_upgrade_v39_firefox_MDL-76340.mp4
          10.78 MB
          John Edward Pedregosa
        23. playback_controll_v311_chrome_MDL-76340.mp4
          5.96 MB
          John Edward Pedregosa
        24. playback_controll_v311_edge_MDL-76340.mp4
          6.96 MB
          John Edward Pedregosa
        25. playback_controll_v311_firefox_MDL-76340.mp4
          6.41 MB
          John Edward Pedregosa
        26. playback_controll_v311_safari_MDL-76340.mp4
          7.36 MB
          John Edward Pedregosa
        27. security_videojs_v311_chrome_MDL-76340.mp4
          2.19 MB
          John Edward Pedregosa
        28. security_videojs_v311_edge_MDL-76340.mp4
          2.26 MB
          John Edward Pedregosa
        29. security_videojs_v311_firefox_MDL-76340.mp4
          2.47 MB
          John Edward Pedregosa
        30. security_videojs_v311_safari_MDL-76340.mp4
          2.34 MB
          John Edward Pedregosa
        31. videojs_upgrade_v311_firefox_MDL-76340.mp4
          8.38 MB
          John Edward Pedregosa
        32. videojs_upgrade_v311_chrome_MDL-76340.mp4
          11.96 MB
          John Edward Pedregosa
        33. videojs_upgrade_v311_edge_MDL-76340.mp4
          9.06 MB
          John Edward Pedregosa
        34. videojs_upgrade_v311_safari_MDL-76340.mp4
          12.06 MB
          John Edward Pedregosa

            stevani.andolo@moodle.com Stevani Andolo
            matthewhilton Matthew Hilton
            David Woloszyn David Woloszyn
            Jun Pataleta Jun Pataleta
            John Edward Pedregosa John Edward Pedregosa
            Votes:
            6 Vote for this issue
            Watchers:
            22 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - 0 minutes
                0m
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 2 days, 4 hours, 10 minutes
                2d 4h 10m

                  Error rendering 'clockify-timesheets-time-tracking-reports:timer-sidebar'. Please contact your Jira administrators.