Javascript 我的html背景视频未在safari中播放

我使用html和bootstrap创建了一个即将发布的网页。我使用jquery根据屏幕大小显示背景视频和图像。当屏幕检测到小于729px时，它会将我的背景图像附加到特定的div。如果超过该像素，它会附加背景视频。 除了iphone safari之外，android和其他设备上的一切都很好。 safari浏览器不加载我的bg图像和bg视频

if(screen.width >= 769){

$('#back').append('<div class="video-bg" style="position:fixed;top: 0px;left: 0px;right: 0px;bottom: 0px;width: 100%;height: 100%;z-index: -1;overflow: hidden;background-size: cover;background-position: center center;"> <video autoplay muted loop><source src="video/Final_video.webm" type="video/webm"></video></div>');
        }

if(screen.width <= 768){

$('#back').append('<div class="bg1" id="backchange" style="position: fixed;top: 0px;left: 0px;right: 0px;bottom: 0px;width: 100%;height: 100%;z-index: -1;overflow: hidden;background-size: cover;background-position: center center;">');

}

if（screen.width>=769）{
$（'#back'）。追加（''）；
}
如果（screen.widthSafari不支持
video/webm
media（看起来IE 11也不支持：）

如果您想在Safari中播放此功能，除了
webm
源代码外，还需要包含一个
和一个不同的视频文件/类型（
video/mp4
应该可以）

e、 g

$（'#back'）。追加(`
`);
控制台中有错误吗？我的控制台很好。没有错误
$('#back').append(`
  <div class="video-bg" style="position:fixed;top: 0px;left: 0px;right: 0px;bottom: 0px;width: 100%;height: 100%;z-index: -1;overflow: hidden;background-size: cover;background-position: center center;">
    <video autoplay muted loop>
      <source src="video/Final_video.webm" type="video/webm">
      <source src="video/Final_video.mp4" type="video/mp4">
    </video>
  </div>
`);