<video> HTML5 не отображается в safari

Вставила видео на сайт с ресурса dropbox. Включено автовоспроизведение, без звука. Во всех браузерах работает нормально, в safari ни в какую. Помогите найти решение

<div id="videoCover">
  <video style="object-fit: cover; background-size: cover; width: 56%; height: 59%; border-radius: 0px;" preload="auto" playsinline preload="yes" autoplay loop muted="muted">
    <source src="https://dl.dropboxusercontent.com/s/ddjrmuecyc2kwyd/frame%202.webm?dl=0" type="video/mp4">
  </video>
</div>

<script>
$(document).ready(() => {
  let width = $(window).width();
  let height = $(window).height();
  $("#videoCover")
    .width(width)
    .height(height);
});

$(document).ready(function(){
$('.autoplay').trigger("play");
});

$(window).resize(() => {
  let width = $(window).width();
  let height = $(window).height();
  $("#videoCover")
    .width(width)
    .height(height);
});
</script>

<style>```