search

webcompat / web-bugs

A place to report bugs on websites.
https://webcompat.com
Mozilla Public License 2.0
742 stars 65 forks source link

www.humanrights.com - video doesn't play #19128

Closed webcompat-bot closed 4 years ago

webcompat-bot commented 6 years ago

URL: https://www.humanrights.com/what-are-human-rights/

Browser / Version: Firefox Mobile 62.0 Operating System: Android 8.0.0 Tested Another Browser: Yes

Problem type: Video or audio doesn't play Description: the video doesn't play. Steps to Reproduce:

From webcompat.com with ❤️

adamopenweb commented 6 years ago

I can reproduce this issue in Firefox 62 & 64 for Android on a Pixel 2 with slightly different symptoms. The video plays in Chrome mobile.

Firefox 62 - Video tries to autoplay on load, get a loading spinner that doesn't complete. Am able to interact with the video, touching the play/pause button.

Firefox 64 - Video doesn't autoplay. Touching the play button doesn't seem to do anything.

Firefox 64: image

karlcow commented 6 years ago

@cpearce could it be related to the new autoplay policy?

cpearce commented 6 years ago

Potentially, I'll ask Alastor to look into this.

alastor0325 commented 6 years ago

It's a website issue. When you load this site with Firefox 62 which is not disable autoplay by default, the video would start loading to prepare to play automatically.

In this case, the log shows that

09-27 10:24:12.348 23678 23703 W GeckoConsole: [JavaScript Warning: "HTTP “Content-Type” of “application/octet-stream” is not supported. Load of media resource https://d1svpt9wxixxsr.cloudfront.net/hls/humanrights/en/story-of-human-rights-documentary_,640,320,480,1280,1920,_en.mp4.csmil/master.m3u8 failed." {file: "https://www.humanrights.com/what-are-human-rights/" line: 0}]
09-27 10:24:12.349 23678 23703 I Gecko   : [(null) 23678: Main Thread]: D/nsMediaElement 0xb9cdc000 Network state changed to NO_SOURCE
09-27 10:24:12.349 23678 23703 I Gecko   : [(null) 23678: Main Thread]: D/nsMediaElement 0xb9cdc000 ChangeDelayLoadStatus(0) doc=0x0xb9cd6800
09-27 10:24:12.349 23678 23703 W GeckoConsole: [JavaScript Warning: "All candidate resources failed to load. Media load paused." {file: "https://www.humanrights.com/what-are-human-rights/" line: 0}]

The key is that "HTTP “Content-Type” of “application/octet-stream” is not supported, the website should return other supported content type for m3u8.

When we load this site with Firefox 64 which is disable autoplay by default, we would reject its play promise, but the site didn't handle this rejected promise well. They should change their video control UI.

09-27 10:25:53.253 23678 23703 W GeckoConsole: [JavaScript Warning: "Autoplay is only allowed when approved by the user, the site is activated by the user, or media is muted." {file: "https://www.humanrights.com/what-are-human-rights/" line: 0}]
karlcow commented 6 years ago

Thanks a lot super helpful. Moving to needscontact.

adamopenweb commented 6 years ago

Reaching out by website contact form: https://www.humanrights.com/contact-info.html

cipriansv commented 5 years ago

I retested the issue and it is still reproducible on my side. The video is not played.

image

Tested with: Browser / Version: Firefox Nightly 68.0a1 (2019-06-07), Firefox Fenix (Preview) 1.0.1923 Operating System: Huawei P10 (Android 8.0) - 1080 x 1920 pixels (~432 ppi pixel density)

cipriansv commented 4 years ago

After retesting the issue I confirm that the issue has been fixed.

The video plays now.

image

Tested with: Browser / Version: Firefox Nightly 200908(🦎 82.0a1-20200902095359) Operating System: OnePlus6 (Android 10) - 1080 x 2280 pixels (~402 ppi pixel density)

Closing the issue as fixed.