| Summary: | vp8 and vp9 blob can not be played in <video> | ||||||||
|---|---|---|---|---|---|---|---|---|---|
| Product: | WebKit | Reporter: | Jozef Chutka <jozefchutka> | ||||||
| Component: | Media | Assignee: | Nobody <webkit-unassigned> | ||||||
| Status: | NEW --- | ||||||||
| Severity: | Normal | CC: | aestes, eric.carlson, jean-yves.avenard, jer.noble, max, webkit-bug-importer | ||||||
| Priority: | P2 | Keywords: | InRadar | ||||||
| Version: | Safari 16 | ||||||||
| Hardware: | Mac (Apple Silicon) | ||||||||
| OS: | macOS 13 | ||||||||
| See Also: | https://bugs.webkit.org/show_bug.cgi?id=245428 | ||||||||
| Attachments: |
|
||||||||
Created attachment 466882 [details]
demo html
|
Created attachment 466881 [details] vp9 video A vp8 and vp9 video can be played in <video> element, however when the very same video is loaded via URL.createObjectURL(blob) video throws MediaError with code=4. - I have tried, video.src, video.srcObject and source element appended to video failed in all cases - Interestingly blob-s can be played as long as these are h264 or hevc in mp4. demo code ```html <body> <video src="out9.webm" controls></video> <script> (async ()=>{ const blob = await (await fetch("out9.webm")).blob(); const video = document.createElement("video"); video.controls = true; video.addEventListener("error", () => console.log(video.error)); video.src = URL.createObjectURL(blob); document.body.append(video); })() </script> ``` see attachments for demonstration asset