视频标签未在 Safari 中加载答案

【问题标题】：Video tag doesn't load in Safari视频标签未在 Safari 中加载
【发布时间】：2021-05-19 22:42:17
【问题描述】：

我一直在努力调试为什么我的 Mac 上的 Safari 无法加载视频。我正确设置了所有必要的标题，甚至尝试手动调用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();

【问题讨论】：

尝试首先从 src 中删除 / 并包含 .webm 或其他扩展

标签： javascript html safari html5-video

【解决方案1】：

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

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

【讨论】：

请分享文件结构

【解决方案2】：

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

【讨论】：