Video Quality Selector Button Doesn't Work
I encountered a problem with interactive video content on the h5p moodle plugin. I have uploaded 3 videos with different quality. The Quality Selector button only works if accessed from a mobile browser but not from a desktop browser.
Detailed steps to reproduce the bug (exactly how and when did it happen)
- Create Moodle Course
- Add H5P Interactiev Activity
- Choose Interactiev Video Content
- Upload 3 Video, 1 720p video from url (google drive), 1 720p video by uploading, 1 480p video by uploading.
- Set name for each video: 720p Google Drive, 720p Local, 480p Local
- Save and Display Activity
- Play Video
- Quality Selector Button disabled on desktop browser, enabled in mobile browser, also enabled if Desktop Chrome resolution is set to mobile resolution using device toolbar
Platform and version number
I use h5p moodle plugin (https://moodle.org/plugins/mod_hvp)
Mobile or Desktop
I tested both on mobile and desktop browser
Browser
I use Google Chrome (desktop and mobile)
Desktop: Version 90.0.4430.72 (Official Build) (64-bit)
Mobile: Version 89.0.4389.105
H5P plugin version
mod_hvp (moodle plugin) v1.21.0, 2020080400
moodle version 3.10.3
H5P content type and version
Interactive Video Latest Version per April 15th 2021
Any browser console errors
No, just warning because one of my videos source is from google drive.
The AudioContext was not allowed to start. It must be resumed (or created) after a user gesture on the page. https://goo.gl/7K7WLuAny PHP errors
No
Screenshoot
desktop-player-button-disabled.png => quality button doesn't work (disabled) in desktop browser
mobile-player-button-enabled.jpeg => quality button enable in mobile browser (but only show 2 quality choice)
desktop-player-mobile-res-button-enabled.png => quality button enable in desktop browser with mobile phone resolution (but only show 2 quality choice)
video-upload-multiple-quality.png => video uploaded with multiple quality label
