vjs video is not showing in Chrome and Firefox, but working in Safari

I am using a fullpage js and the site is
https://ldmm2-harmonie.netlify.app/

Here is my code for the video

  <link href="https://vjs.zencdn.net/7.17.0/video-js.css" rel="stylesheet" />
  <script src="https://vjs.zencdn.net/7.17.0/video.min.js"></script>
  <link href="https://unpkg.com/@videojs/[email protected]/dist/sea/index.css" rel="stylesheet"/>
  <script src="js/jquery-3.1.1.min.js"></script>
        <div class="container">
           <div id="videoSectionCarousel" class="carousel slide" data-interval="false">
              <video id="example_video_1"  class="video-js vjs-fluid vjs-nofull vjs-theme-sea" controls preload="auto" width="800" height="521" playsinline="playsinline" poster="img/video_poster_523.jpg" data-setup="{}">
                 <!-- poster="img/dummy-video-img.jpeg" -->
                 <source src="https://ldmm2-harmonie.netlify.app/img/videoSection/sales-video.mp4" type="video/mp4">
                 <source src="http://vjs.zencdn.net/v/oceans.ogv" type="video/ogg">
                 <p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="https://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p>
              </video>
           </div>
        </div>

For some reason it is not showing anymore. It works in Safari….