Bug 225654 - Unable to play webm video from Cloudfront CDN unless it has .webm extension
Summary: Unable to play webm video from Cloudfront CDN unless it has .webm extension
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Media (show other bugs)
Version: Safari 14
Hardware: Mac (Intel) macOS 11
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2021-05-11 07:43 PDT by Darin
Modified: 2023-10-12 16:28 PDT (History)
5 users (show)

See Also:

Attachments
Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Darin 2021-05-11 07:43:30 PDT 
I have uploaded the same webm video on two different CDNs and I am trying to play it in Safari using the <video> tag:

<video
    controls
    crossorigin="anonymous"
    preload="auto"
    width="640"
    height="264">
    <source src="https://snapshots.getfiddler.cc/jam-files/19516557d1484505be0d6df587883d2d?Expires=1702305315&Signature=AHclNVTFMZGVaVU0~q2-IeueiVjltCU79MZ0vpj9gu5t7VAetercr~b5RAm5S80UTRA0SSe7dluctbZieO3seMI9AUtZ3EdZMWlpZDSZXP3dpJVHBxbgkfcmSw393Medn1AtIiPObDnBHLaalHgDIl-o8H1m7XyIKINuR0tQXUIo7ZjIejz4fMZkSDQSKAvwHuD2mzcpZytgMMMho~7RcE5tqzbyM6OZHO-6ArqwoOpadLwY9OUa6L7JTEUauJ2MA44r15FU0muMXMr-OzAI3wxb9WHTGo8yNabvDJHDu2Mto2JQNkbkvHmN~SqwHSB1eNarLKjc2y2BP9cfqPPNog__&Key-Pair-Id=APKAIF6VYYHXO2CANQUA" type="video/webm;codecs=&quot;vp9&quot;"></source>
</video>

Live demo: https://jsfiddle.net/w1os50ud/

Inspecting the network tab, the media HTTP request fails without any error logged to the console.

The same video file works if I use the following url:

<video
    controls
    crossorigin="anonymous"
    preload="auto"
    width="640"
    height="264">
    <source src="https://downloads.getfiddler.cc/foo/video_plain_vp9.webm" type="video/webm;codecs=&quot;vp9&quot;"></source>
</video>

Live demo: https://jsfiddle.net/5bmch2pa/

By looking at the network tab I cannot see any apparent difference between the two requests or responses.

Do you have any idea why the first CDN doesn't work in Safari while it works on all other browsers?
Comment 1 Darin 2021-05-11 09:59:37 PDT 
It seems that the only difference between the 2 urls is that the one that works contains ".webm" extension and it is what makes the difference. Even though both set the Content-Type response header to "video/webm", if the url doesn't contain a .webm extension, Safari refuses to load it.
Comment 2 Radar WebKit Bug Importer 2021-05-18 07:44:17 PDT 
<rdar://problem/78154594>
Comment 3 Ahmad Saleem 2023-10-12 16:28:53 PDT 
I am able to reproduce this bug and the JSFiddle does not load any video content in Safari Technology Preview 180. While works fine in Chrome Canary 120.