Closed webcompat-bot closed 4 years ago
I can reproduce this issue.
Tested with: Browser / Version: Firefox Nightly 68.0a1 (2019-05-08) Operating System: Linux Mint 18.3, Windows 10 Pro
There's an error while loading the file.
so @reinhart1010 got it right. We get the same result on macOS.
if we access directly https://yourdailygerman.com/wp-content/uploads/audios/spoken-past-audio/spoken-past-0-fahrrad.mp3?_=1
The file is working.
<div class="mejs-mediaelement">
<mediaelementwrapper
id="audio-2881-1">
<audio
class="wp-audio-shortcode"
id="audio-2881-1_html5"
preload="none"
style="width: 100%; height: 100%;"
src="https://yourdailygerman.com/wp-content/uploads/audios/spoken-past-audio/spoken-past-0-fahrrad.mp3?_=1">
<source
type="audio/mpeg"
src="https://yourdailygerman.com/wp-content/uploads/audios/spoken-past-audio/spoken-past-0-fahrrad.mp3?_=1">
<a
href="https://yourdailygerman.com/wp-content/uploads/audios/spoken-past-audio/spoken-past-0-fahrrad.mp3">https://yourdailygerman.com/wp-content/uploads/audios/spoken-past-audio/spoken-past-0-fahrrad.mp3</a>
</audio>
</mediaelementwrapper>
</div>
but the HTTP response is weird.
And it sends back an HTML file with a 403.
HTTP/2.0 403 Forbidden
server: nginx
date: Tue, 21 May 2019 06:27:31 GMT
content-type: text/html
content-length: 1878
host-header: 192fc2e7e50945beb8231a492d6a8024
X-Firefox-Spdy: h2
but if I access directly this is working. https://yourdailygerman.com/wp-content/uploads/audios/spoken-past-audio/spoken-past-0-fahrrad.mp3?_=1
HTTP/2.0 304 Not Modified
server: nginx
date: Tue, 21 May 2019 06:34:08 GMT
last-modified: Fri, 22 Apr 2016 12:07:54 GMT
etag: "b269-53111ad39ba80-gzip"
cache-control: max-age=2592000, public
expires: Thu, 20 Jun 2019 06:34:08 GMT
vary: Accept-Encoding,User-Agent
host-header: 192fc2e7e50945beb8231a492d6a8024
x-proxy-cache: MISS
alt-svc: quic=":443"; ma=86400; v="43,39"
X-Firefox-Spdy: h2
oh interesting once it is accessed directly and stored in cache. This is working.
I wonder if it's a server misconfiguration or if it's something related to the way Gecko handles HTTP/2.0
What are the request headers
GET /wp-content/uploads/audios/spoken-past-audio/spoken-past-2-ruehrei.mp3?_=3 HTTP/1.1
Host: yourdailygerman.com
User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.14; rv:69.0) Gecko/20100101 Firefox/69.0
Accept: audio/webm,audio/ogg,audio/wav,audio/*;q=0.9,application/ogg;q=0.7,video/*;q=0.6,*/*;q=0.5
Accept-Language: en-US,en;q=0.5
Range: bytes=0-
Connection: keep-alive
Referer: https://yourdailygerman.com/german-past-tense-2/
Cookie: PHPSESSID=bc4cd7a7c44d7917aa46c8cde902e778; pmpro_visit=1; pmpro_lpv_count=2%2C5; _ga=GA1.2.556238490.1558419155; _gid=GA1.2.2135883271.1558419155; _gat=1
which it replied with
HTTP/2.0 403 Forbidden
server: nginx
date: Tue, 21 May 2019 06:37:34 GMT
content-type: text/html
content-length: 1878
host-header: 192fc2e7e50945beb8231a492d6a8024
X-Firefox-Spdy: h2
Maybe server misconfiguration. Let's put them into needscontact
The issue is still reproducible.
Tested with: Browser / Version: Firefox Nightly 72.0a1 (2019-11-19) Operating System: Linux Ubuntu 16.04
After retesting the issue I confirm that the issue has been fixed.
I am able to play the media.
Tested with: Browser / Version: Firefox Nightly 81.0a1 (2020-08-25) Operating System: Ubuntu 20.04 LTS
Closing the issue as fixed.
URL: https://yourdailygerman.com/german-past-tense-2/
Browser / Version: Firefox 68.0 Operating System: Linux Tested Another Browser: Yes
Problem type: Video or audio doesn't play Description: Audio does not play Steps to Reproduce: Click the play icons on this page. None of them play.
This works in Chromium.
Browser Configuration
Console Messages:
From webcompat.com with ❤️