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

Avoid HTML5 player video forced scaling for low resolution videos

    XMLWordPrintable

    Details

    • Testing Instructions:
      Hide

      Testing:

      1. Login as admin
      2. Go to site administration -> plugins -> media players -> manage media players and:
        1. disable JSplayer
        2. enable HTML5 video
      3. Create a course and turn editing on
      4. Drag and drop both samples (sample_320.mp4 and sample_720.mp4) into the course and in both select "Add media to course page"
      5. Turn editing off, maximize browser window and hide all developer panel until the course section wide is wider than the 320p video
      6. If the window is wide enough the 720p video should be wider than the 320p
      7. Activate mobile view on the browser or reduce the window width until boths players need to be shrinked to fit into the course section
      8. Now you should see that both videos players are as wide as the course topic box

       

      Show
      Testing: Login as admin Go to site administration -> plugins -> media players -> manage media players and: disable JSplayer enable HTML5 video Create a course and turn editing on Drag and drop both samples ( sample_320.mp4 and sample_720.mp4 ) into the course and in both select "Add media to course page" Turn editing off, maximize browser window and hide all developer panel until the course section wide is wider than the 320p video If the window is wide enough the 720p video should be wider than the 320p Activate mobile view on the browser or reduce the window width until boths players need to be shrinked to fit into the course section Now you should see that both videos players are as wide as the course topic box  
    • Affected Branches:
      MOODLE_38_STABLE
    • Fixed Branches:
      MOODLE_39_STABLE
    • Pull Master Branch:
      MDL-67244-master
    • Sprint:
      Moodle 3.9 - Moppies Kanban

      Description

      When drag&drop a vídeo to the course with HTML5 vídeo player activated tha player always scale to width 100% even if the vídeo is low res. This behaviour does not happen with de JS player.

      This is a sample of the current video visualization with HTML5 player

      This is the expected vídeo player visualization for low res vídeos:

        Attachments

        1. Confirmed fixed.png
          Confirmed fixed.png
          1.40 MB
        2. current_video_comparison.png
          current_video_comparison.png
          892 kB
        3. pref_video_comparison.png
          pref_video_comparison.png
          749 kB
        4. sample_320.mp4
          375 kB
        5. sample_720.mp4
          5.01 MB
        6. where_is_my_poster_safari.png
          where_is_my_poster_safari.png
          25 kB

          Issue Links

            Activity

              People

              Assignee:
              tusefomal Ferran Recio
              Reporter:
              tusefomal Ferran Recio
              Peer reviewer:
              Víctor Déniz Falcón
              Integrator:
              Eloy Lafuente (stronk7)
              Tester:
              Gladys Basiana
              Participants:
              Component watchers:
              Amaia Anabitarte, Carlos Escobedo, Ferran Recio, Sara Arjona (@sarjona), Víctor Déniz Falcón
              Votes:
              0 Vote for this issue
              Watchers:
              5 Start watching this issue

                Dates

                Created:
                Updated:
                Resolved:
                Fix Release Date:
                15/Jun/20

                  Time Tracking

                  Estimated:
                  Original Estimate - Not Specified
                  Not Specified
                  Remaining:
                  Remaining Estimate - 0 minutes
                  0m
                  Logged:
                  Time Spent - 2 hours, 55 minutes
                  2h 55m