Video as the splash screen Ionic 3

i am trying to display video as the splash screen using this Tutorial. I am able to do css and add images but i can not use video as the splash screen.

MY code in index.html

  <!-- Ionic's root component and where the app will load -->
  <ion-app>
    <!-- custom splash screen (non-angular component) -->
    <div id="splash-screen" class="splash">
      <video autoplay muted loop webkit-playsinline playsinline src="assets/splash/Splash_Reduced.mp4"></video>
    </div>
  </ion-app>

The splash screen is present but the video is broken or not available.

P.S. I have tried using a splash screen component but i ma getting 6-7 seconds of blank display. So, found that tutorial useful. But i ma not able to load video there. Image and CSS are loading perfectly.