django safari　動画再生されない。

前提・実現したいこと

現在、youtubeのような動画共有サイトを作ろうとしています。
アップロードされた動画をvideo.jsで再生しようと思っています。
googleでは、再生されるのですが、safariでは再生されません。
safariでも再生できるようにしたいです。
ご教授いただけると幸いです。

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

VIDEOJS: – "ERROR:" – "(CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED)" – "The media could not be loaded, either because the server or network failed or because the format is not supported."

該当のソースコード

#html
<link href="https://vjs.zencdn.net/7.10.2/video-js.css" rel="stylesheet" />
<script src="https://vjs.zencdn.net/7.10.2/video.min.js"></script>


<video class=" vide-js"
    data-setup={}
    controlsList="nodownload"
    oncontextmenu="return false;"
    preload="none"
    playsinline
    autoplay
    loop
    muted>
<source src="/media/{{ content.upload }}" type="video/mp4">
<source src="/media/{{ content.upload }}" type="video/webm">
</video>

#model
class Content(models.Model):
    owner = models.ForeignKey(CustomUser, on_delete=models.CASCADE)
    title = models.CharField(max_length=100)
    introduction = models.TextField()
    urls = models.URLField(blank=True)
    upload = models.FileField(
        upload_to='files/',
        validators=[FileExtensionValidator(['mp4', 'webm'])]
    )
    created_at = models.DateTimeField(auto_now_add=True)