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

            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.