videojs safari 再生されない

Question

前提・実現したいこと

chromeでは動画は再生されるのですが、safariでは再生されません。
バックエンドは、djangoのフレームワークを使っています。

ご教示いただけると嬉しいです。

発生している問題・エラーメッセージ

The media could not be loaded, either because the server or network failed or because the format is not supported."

該当のソースコード

<!--video-jsファイル-->
    <link href="https://vjs.zencdn.net/7.11.4/video-js.css" rel="stylesheet" />
    <script src="https://vjs.zencdn.net/7.11.4/video.min.js"></script>

    <video-js 
          playsinline
          data-setup={}
          autoplay
          muted>
         <source src="{{ item.upload.url }}" type="video/mp4">
         <source src="{{ item.upload.url }}" type="video/webm" >
    </video-js>

試したこと

動画のファイル形式は悪くないと思います。

Comments

[退会済みユーザー]

こんにちは。

問題文確認しました。

headerの形式を適切に設定してあげると、動くと書かれているドキュメントがいくつかあるようです。ご確認いただけますでしょうか？
・https://stackoverflow.com/questions/32866997/html5-video-with-video-js-not-working-in-safari
・https://docs.videojs.com/tutorial-troubleshooting.html#problems-when-hosting-media