Vimeo not playing on some browsers

[everton137]

I was able to install xblock-video (master branch with pip install -e git+https://github.com/raccoongang/xblock-video.git@master#egg=video_xblock). I am using Koa version and installing it using derex.[1]

I've used BrowserStack to test it on OS and Windows (I use Linux) and there were some problems while playing the videos:

On macOS:

• Chrome: I could reproduce this freezing video pattern you showed to me.
• Safari: video was normal
• Firefox: video not playing

On Windows:

• Chrome: video normal
• Edge: video not playing
• Firefox: video normal

On Linux (my machine)

• Brave (same engine as Chrome): video normal
• Firefox: video normal
• Firefox Dev: video not playing

I suppose there might be some problem with the JavaScript used for the player. Can someone give some tips on what it could be? I will also share some trials I made during the debugging.

[1] I had to use piip install directly inside the LMS and CMS containers, but I think I need further debugging to check the reason.

[dyudyunov]

Hello, @everton137
Thank you for creating the issue.

I've created a task to investigate the issue, all I can say now is that we've tested the xBlock recently on the Maple release. The results are the same for macOS and Windows:

• there are some bugs with the player UI (like duplicated controls), but the video works on Chrome, Firefox, Safari and Edge (windows)

I'll try to check it on Koa ASAP.

[dyudyunov]

UPD:
Dear @everton137
I'm sorry for misinforming you earlier. The Koa release is not supported anymore and regarding the issue absence in the Maple the only thing I can recommend you, for now, is to try earlier xBlock version, e.g. 1.0.1a1

[everton137]

Dear @dyudyunov! Thank you for the feedback. I've tried this version, but I couldn't make it work. One of the problem on Chrome is regarding a Chorme and Edge policy of having to have the video muted and was solved by this commit Added mute before playing video for chrome to avoid autoplay policy, in a PR you merged recently. I also have this error message:
Unmuting failed and the element was paused instead because the user didn't interact with the document before. https://goo.gl/xX8pDD

Another error I am getting is that this JS is not present when I load on Chrome on MacOS:
handler/video.min.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
I am trying to understand how was this file video.min.js.map added on /video_xblock/static/vendor/js/ (I tried to add it manually, but the 404 error continued).

I am not sure if the main issue could be related to the JS player for Vimeo (https://github.com/raccoongang/videojs-vimeo) (there is another version with more recent changes here) or some setting in the iframe of the player being generated by the Python code. If you could give some light or educated guess here, that would be appreciated.

Ah, since I saw these improvements in the last PR above-mentioned, I am debugging using the latest changes in the master branch.

[dyudyunov]

Hi, @everton137!
Thank you for the additional info about the problem. We will keep it in mind when re-testing the xBlock

[andrewhippo3]

Hi, @pamhristova!
Thank for your contribution.

1. I've updated a corresponding task to investigate the issue with video.min.js. We will return with updates after its completing.
2. Vimeo works now stable on all your example latest version browsers (checked in the Olive Release). Could you please recheck and clarify your issues if any exist?