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

Video JS player doesn't display the control bar

    XMLWordPrintable

Details

    • MOODLE_39_STABLE
    • MOODLE_311_STABLE, MOODLE_39_STABLE
    • MDL-76340-311
    • 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

    Description

      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.

       

       

      Attachments

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

        Activity

          People

            stevani.andolo@moodle.com Stevani Andolo
            matthewhilton Matthew Hilton
            David Woloszyn David Woloszyn
            Jun Pataleta Jun Pataleta
            John Edward Pedregosa John Edward Pedregosa
            David Woloszyn, Huong Nguyen, Jake Dallimore, Meirza, Michael Hawkins, Raquel Ortega, Safat Shahin, Stevani Andolo, David Woloszyn, Huong Nguyen, Jake Dallimore, Meirza, Michael Hawkins, Raquel Ortega, Safat Shahin, Stevani Andolo
            Votes:
            6 Vote for this issue
            Watchers:
            22 Start watching this issue

            Dates

              Created:
              Updated:
              Resolved:
              16/Jan/23

              Time Tracking

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