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

HTML5 video in the mediaplugin fails when using .MOV files

XMLWordPrintable

    • MOODLE_310_STABLE
    • MOODLE_311_STABLE
    • MDL-73046-master
    • Hide

      Prerequisite: Use Chrome for testing

      Setup:

      1. Go to site administration.
      2. Click "Plugins" tab.
      3. Go to "Manage filters".
      4. Go to "Multimedia plugins" and click the "Settings" button.
      5. Click the "Manage media players"-link.
      6. Enable the "HTML5 video" by clicking the eye.
      7. Move "HTML5 video" up to the first position at the top.

      Test: 

      1. Download sample_640x360.mov
      2. Go to a course.
      3. Turn editing on.
      4. Find the first section.
      5. Click the edit link and click edit topic.
      6. In the summary field click the "Insert or edit an audio/video file" button.
      7. Click the browse repositories button in the link tab.
      8. Choose "Upload a file" and click browse.
      9. Browse and choose the sample_640x360.mov that you downloaded and click open.
      10. Click the "Upload this file" to close the modal.
      11. Click insert media.
      12. Click save changes.
      13. Click the play button.
      14. Confirm that the video is playable. (Previously the video is unplayable)
      Show
      Prerequisite: Use Chrome for testing Setup: Go to site administration. Click "Plugins" tab. Go to "Manage filters". Go to "Multimedia plugins" and click the "Settings" button. Click the "Manage media players"-link. Enable the "HTML5 video" by clicking the eye. Move "HTML5 video" up to the first position at the top. Test:  Download sample_640x360.mov Go to a course. Turn editing on. Find the first section. Click the edit link and click edit topic. In the summary field click the "Insert or edit an audio/video file" button. Click the browse repositories button in the link tab. Choose "Upload a file" and click browse. Browse and choose the sample_640x360.mov that you downloaded and click open. Click the "Upload this file" to close the modal. Click insert media. Click save changes. Click the play button. Confirm that the video is playable. (Previously the video is unplayable)

      I found a problem in Google Chrome and Microsoft Edge with HTML5 video in the mediaplugin. There is an attribute on the source-tag generated, called "type" and if it's set to video/quicktime it is not able to play the .MOV files. It works fine en Firefox.

      A quick test confirms that the mime type is video/quicktime so everything points to a browser misinterpretation:

       

      If the copy the HTML generated by right clicking the video and clicking inspect
      Right click the video tag and choose "Edit as HTML"
      Copy the HTML
      Find the second section
      Click the edit link and click edit topic
      In the summary field click the "More" button and select HTML
      Insert the HTML copied previously
      Change the source-tag's attribute type from video/quicktime to video/mp4 (or delete the attribute entirely)
      Click save changes
      Test the video by clicking the play button

       

        1. image-2021-11-10-14-53-01-361.png
          image-2021-11-10-14-53-01-361.png
          33 kB
        2. MDL-73046_master.webm
          370 kB
        3. MDL-73046_v311.webm
          347 kB
        4. sample_640x360.mov
          561 kB

            frederikmillingpytlick Frederik Milling Pytlick
            mcardle Ulrik McArdle
            Ilya Tregubov Ilya Tregubov
            Jun Pataleta Jun Pataleta
            Angelia Dela Cruz Angelia Dela Cruz
            Votes:
            0 Vote for this issue
            Watchers:
            10 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - 0 minutes
                0m
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 45 minutes
                45m

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