視頻標簽未加載到 Safari

Question

我一直在努力調試為什么我的 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();

Answer 1

Safari 不支持 webm，除非它是 webRTC 上下文。 我建議重新編碼為 mp4（所有瀏覽器的 h264，如果您正在尋找 Safari 編解碼器，則為 h265）

Answer 2

嘗試從 src 中刪除 first /並包含.webm或其他文件擴展名。 這可能是因為您從root訪問。 相反，使用相對路徑。
像<source src="learning/api/recordings/6/contents.webm" type="video/webm">

（如果這不能解決您的問題，則需要完整的文件結構代碼才能完全回答）