Css Safari没有播放视频，如何播放aal浏览器播放视频？

Safari不播放视频，Youtube和mp4视频不在我的网站上播放。代码如下：

<div class="col-lg-5 col-md-6 col-sm-8 col-xs-12 pad-left">
    <div class="videoWrapper">
      <div class="bggg" id="uni_bggg"><img src="images/video-mage.png" alt=""></div>
      <div class="video-paly-button" id="uni_video_paly_button">
        <button onclick="document.getElementById('video-bg').play();document.getElementById('uni_video_paly_button').remove();document.getElementById('uni_bggg').remove();"><i class="fa fa-play"></i></button>
      </div>
      <video controls id="video-bg">
        <source src="images/Forget reg Tv Ad long.mp4" type="video/mp4"></source>
        Your browser does not support the video tag</video>
    </div>
  </div>

---

带有windows操作系统的Safari将只支持mov视频格式。它不支持任何其他视频格式。尝试登录mac，它将播放视频