Safari 中不加载视频标签

Question

我一直在努力调试为什么视频无法在我的 Mac 上的 Safari 中加载。我正确设置了所有必要的 headers，甚至尝试手动调用 load()。我感谢任何帮助或提示。谢谢。

服务器响应

HTTP/1.1 206 Partial Content
x-powered-by: Express
Content-Security-Policy: default-src 'self'; object-src 'self'; media-src 'self' blob:
accept-ranges: bytes
etag: "30bee860901d9f359ac694776f9eebab-1"
last-modified: Wed, 17 Feb 2021 03:04:31 GMT
content-type: video/webm
date: Wed, 17 Feb 2021 03:05:08 GMT
connection: close
Content-Range: bytes 0-139568/139569
Content-Length: 139569

Html代码：

<video playsinline="" style="width: 100%; height: auto; display: block; margin: auto;"> 
   <source src="/learning/api/recordings/6/contents" type="video/webm">
</video>

我什至尝试过但没有成功:

document.getElementsByTagName('video')[0].load();

Answer 1

尝试从 src 中删除第一个 / 并包含 .webm 或其他文件扩展名。这可能是因为您正在从 root 访问。相反，使用相对路径。
类似于 <source src="learning/api/recordings/6/contents.webm" type="video/webm">

（需要具有文件结构的完整代码才能完全回答如果这不能解决您的问题）

Answer 2

Safari 不支持 webm，除非它是 webRTC 上下文。我建议重新编码为 mp4（所有浏览器为 h264，如果您正在寻找 Safari 编解码器，则为 h265）

Safari 中不加载视频标签

Video tag doesn't load in Safari

html

javascript

safari

html5-video