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

Upgrade VideoJS to latest

XMLWordPrintable

    • MOODLE_500_STABLE
    • MOODLE_500_STABLE
    • MDL-84165-main
    • Hide

      Third party libraries

      1. Login as admin.
      2. Navigate to Site Administration > Development > Third party libraries.
      3. Verify that the version of VideoJS and VideoJS support files is 8.21.1.

      Media playback

      1. Restore this course backup [videojs_samples.mbz] (Note the first MPEG-DASH is failing with a 404 of the source, this is not a bug)
      1. Make sure that videojs is enabled and on the first place, youtube are checked.
        1. Navigate to Site Administration > Media players > Manage media players.
        2. Make sure that the VideoJS player is turned on and on the first position.
        3. Make sure that Youtube is turned on and on the second position.
        4. Click on the Setting link of VideoJS player
        5. Make sure as below:
          1. Video file ext: html_video,media_source,.f4v,.flv
          2. Audio file ext: html_audio
      2. View the restored course on different browsers (including mobile)
      3. Verify that you can play all videos/audios.
      4. Verify that in "html5 embed" you should be able to show captions and jump to chapters. (The media links added within a label should be embedded and able to be played in the course page, while to test media links added within other resources or activities you will need to access the activity). 
      5. Change interface language to one of this list.
      6. Verify that the video player buttons are also translated (enough to check in one browser).

      RecordRTC playback on MacOS/iOS (This one was copied from MDL-65943)

      Device to test this issue

      • macOS machine must have a working microphone and webcam. (Do not use MacOS Ventura at the moment, please see MDL-78391)
      • iPhone.
      • iPad.

      Initial setup

      Note: Must use Chrome/Firefox for this Initial part.

      1. Create a course or use an existing one.
      2. Create a page activity called Page with Audio:
        • In the Page content, click on the Record Audio button and try to record your voice.
        • Click Save and Return to course.
      3. Create a page activity called Page with Video:
        • In the Page content, click on the Record Video button and try to record the video with your voice.
        • Click Save and Return to course.

      macOS Safari Audio testing

      1. Go to Page with Audio.
      2. Verify that you will see the UI for VideoJS now.
      3. Click on the Play button.
      4. Verify that you will hear the audio.
      5. Verify that you can pause the player.
      6. Verify that you can mute/un-mute the player.
      7. Verify that you can control the volume level of the player.

      Mac OS Safari Video testing

      1. Go to Page with Video.
      2. Verify that you will see the UI for VideoJS now.
      3. Click on the Play button.
      4. Verify that you will hear the audio.
      5. Verify that you will see the video.
      6. Verify that you can pause the player.
      7. Verify that you can mute/un-mute the player.
      8. Verify that you can control the volume level of the player.
      9. Verify that you can fullscreen the player.

      IPad with iPadOS Safari Audio testing

      1. Go to Page with Audio.
      2. Verify that you will see the UI for VideoJS now.
      3. Click on the Play button.
      4. Verify that you will hear the audio.
      5. Verify that you can pause the player.
      6. Verify that you can mute/un-mute the player.
      7. Verify that you can control the volume level of the player. (Some iPad OS versions will not allow controlling the volume level, so it is ok if this failed).

      IPad with iPadOS Safari Video testing

      1. Go to Page with Video.
      2. Verify that you will see the UI for VideoJS now.
      3. Click on the Play button.
      4. Verify that you will hear the audio.
      5. Verify that you will see the video.
      6. Verify that you can pause the player.
      7. Verify that you can mute/un-mute the player.
      8. Verify that you can control the volume level of the player. (Some iPad OS versions will not allow controlling the volume level, so it is ok if this failed).
      9. Verify that you can fullscreen the player.

      iPhone with iPhoneOS Safari Audio testing

      1. Go to Page with Audio.
      2. Verify that you will see the UI for VideoJS now.
      3. Click on the Play button.
      4. Verify that you will hear the audio.
      5. Verify that you can pause the player.
      6. Verify that you can mute/un-mute the player.
      7. Verify that you cannot control the volume level of the player. (iPhoneOS do not allow media player to control the volume).

      iPhone with iPhoneOS Safari Video testing

      1. Go to Page with Video.
      2. Verify that you will see the UI for VideoJS now.
      3. Click on the Play button.
      4. Verify that you will hear the audio.
      5. Verify that you will see the video.
      6. Verify that you can pause the player.
      7. Verify that you can mute/un-mute the player.
      8. Verify that you cannot control the volume level of the player. (iPhoneOS do not allow media player to control the volume).
      9. Verify that you can fullscreen the player.
      Show
      Third party libraries Login as admin. Navigate to Site Administration > Development > Third party libraries. Verify that the version of VideoJS and VideoJS support files is 8.21.1 . Media playback Restore this course backup [ videojs_samples.mbz ] (Note the first MPEG-DASH is failing with a 404 of the source, this is not a bug) Make sure that videojs is enabled and on the first place, youtube are checked. Navigate to Site Administration > Media players > Manage media players. Make sure that the VideoJS player is turned on and on the first position. Make sure that Youtube is turned on and on the second position. Click on the Setting link of VideoJS player Make sure as below: Video file ext: html_video,media_source,.f4v,.flv Audio file ext: html_audio View the restored course on different browsers (including mobile) Verify that you can play all videos/audios. Verify that in "html5 embed" you should be able to show captions and jump to chapters .  (The media links added within a label should be embedded and able to be played in the course page, while to test media links added within other resources or activities you will need to access the activity).  Change interface language to one of this list. Verify that the video player buttons are also translated (enough to check in one browser). RecordRTC playback on MacOS/iOS (This one was copied from MDL-65943 ) Device to test this issue macOS machine must have a working microphone and webcam. (Do not use MacOS Ventura at the moment, please see MDL-78391 ) iPhone. iPad. Initial setup Note: Must use Chrome/Firefox for this Initial part. Create a course or use an existing one. Create a page activity called Page with Audio: In the Page content, click on the Record Audio button and try to record your voice. Click Save and Return to course. Create a page activity called Page with Video: In the Page content, click on the Record Video button and try to record the video with your voice. Click Save and Return to course. macOS Safari Audio testing Go to Page with Audio. Verify that you will see the UI for VideoJS now. Click on the Play button. Verify that you will hear the audio. Verify that you can pause the player. Verify that you can mute/un-mute the player. Verify that you can control the volume level of the player. Mac OS Safari Video testing Go to Page with Video. Verify that you will see the UI for VideoJS now. Click on the Play button. Verify that you will hear the audio. Verify that you will see the video. Verify that you can pause the player. Verify that you can mute/un-mute the player. Verify that you can control the volume level of the player. Verify that you can fullscreen the player. IPad with iPadOS Safari Audio testing Go to Page with Audio. Verify that you will see the UI for VideoJS now. Click on the Play button. Verify that you will hear the audio. Verify that you can pause the player. Verify that you can mute/un-mute the player. Verify that you can control the volume level of the player. (Some iPad OS versions will not allow controlling the volume level, so it is ok if this failed). IPad with iPadOS Safari Video testing Go to Page with Video. Verify that you will see the UI for VideoJS now. Click on the Play button. Verify that you will hear the audio. Verify that you will see the video. Verify that you can pause the player. Verify that you can mute/un-mute the player. Verify that you can control the volume level of the player. (Some iPad OS versions will not allow controlling the volume level, so it is ok if this failed). Verify that you can fullscreen the player. iPhone with iPhoneOS Safari Audio testing Go to Page with Audio. Verify that you will see the UI for VideoJS now. Click on the Play button. Verify that you will hear the audio. Verify that you can pause the player. Verify that you can mute/un-mute the player. Verify that you cannot control the volume level of the player. (iPhoneOS do not allow media player to control the volume). iPhone with iPhoneOS Safari Video testing Go to Page with Video. Verify that you will see the UI for VideoJS now. Click on the Play button. Verify that you will hear the audio. Verify that you will see the video. Verify that you can pause the player. Verify that you can mute/un-mute the player. Verify that you cannot control the volume level of the player. (iPhoneOS do not allow media player to control the volume). Verify that you can fullscreen the player.
    • Hide

      Code verified against automated checks.

      Checked MDL-84165 using repository: https://github.com/stevandoMoodle/moodle.git

      More information about this report

      Built on: Tue Mar 4 06:43:01 UTC 2025

      Show
      Code verified against automated checks. Checked MDL-84165 using repository: https://github.com/stevandoMoodle/moodle.git main (0 errors / 0 warnings) [branch: MDL-84165-main | CI Job ] More information about this report Built on: Tue Mar 4 06:43:01 UTC 2025
    • Show
      Launching automatic jobs for branch MDL-84165 -main https://ci.moodle.org/view/Testing/job/DEV.02%20-%20Developer-requested%20PHPUnit/18287/ PHPUnit (sqlsrv) https://ci.moodle.org/view/Testing/job/DEV.01%20-%20Developer-requested%20Behat/62515/ Behat (NonJS - boost and classic) https://ci.moodle.org/view/Testing/job/DEV.01%20-%20Developer-requested%20Behat/62516/ Behat (Firefox - boost) https://ci.moodle.org/view/Testing/job/DEV.01%20-%20Developer-requested%20Behat/62517/ Behat (Firefox - classic) https://ci.moodle.org/view/Testing/job/DEV.01%20-%20Developer-requested%20Behat/62518/ App tests (stable app version) Built on: Tue Feb 18 06:25:14 AM UTC 2025
    • 1
    • Team Dragons 2025 Sprint 1.2

      VideoJS    media/player/videojs/amd/src/video-lazy.js    8.17.3  -->   8.21.1    https://github.com/videojs/video.js
      VideoJS support files    media/player/videojs/videojs/    8.17.3  -->  8.21.1    https://github.com/videojs/video.js

        1. MDL-84165.png
          MDL-84165.png
          193 kB
        2. MDL-84165 - iPad Safari Audio .png
          MDL-84165 - iPad Safari Audio .png
          125 kB
        3. MDL-84165 - iPad Safari Video .png
          MDL-84165 - iPad Safari Video .png
          202 kB
        4. MDL-84165 - iPad Safari Video  2.png
          MDL-84165 - iPad Safari Video 2.png
          318 kB
        5. MDL-84165 - iPhone Safari Audio .png
          MDL-84165 - iPhone Safari Audio .png
          143 kB
        6. MDL-84165 - iPhone Safari Video .png
          MDL-84165 - iPhone Safari Video .png
          209 kB
        7. MDL-84165 - iPhone Safari Video 2 .png
          MDL-84165 - iPhone Safari Video 2 .png
          194 kB
        8. MDL-84165 - macOS Safari Audio .png
          MDL-84165 - macOS Safari Audio .png
          77 kB
        9. MDL-84165 - macOS Safari Video.png
          MDL-84165 - macOS Safari Video.png
          284 kB
        10. MDL-84165 - VideoJS version .png
          MDL-84165 - VideoJS version .png
          29 kB
        11. Media playback.png
          Media playback.png
          1.67 MB
        12. videojs_samples.mbz
          10.13 MB

            stevani.andolo@moodle.com Stevani Andolo
            sarjona Sara Arjona (@sarjona)
            David Woloszyn David Woloszyn
            Jun Pataleta Jun Pataleta
            Carlos Escobedo Carlos Escobedo
            Votes:
            0 Vote for this issue
            Watchers:
            7 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - 0 minutes
                0m
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 1 day, 3 hours, 56 minutes
                1d 3h 56m

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