将视频显示为闪屏 ionic 3答案

【问题标题】：Display video as splash Screen ionic 3将视频显示为闪屏 ionic 3
【发布时间】：2019-09-12 19:28:06
【问题描述】：

我正在尝试使用此Tutorial 将视频显示为启动画面。我可以做 css 和添加图片，但我不能使用视频作为启动画面。

我在 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>

启动画面出现，但视频损坏或不可用。

【问题讨论】：

你的视频有多长？您是否尝试将动画 gif 用作视频？
您好@SergeyRudenko，视频时长约为 7 秒。不，我还没有尝试过。我认为使用 gif 会导致较大设备的响应问题
你有没有合适的解决方案。它尝试过，但在 android 和 ios 中无法正常工作。

标签： ionic-framework ionic3 splash-screen

【解决方案1】：

看起来 IONIC 不允许我们删除默认启动画面。安卓系统会出现一段时间的白屏，IOS需要默认启动画面。

所以，我发现的唯一选项是使用两个启动画面。

默认的静态初始屏幕，然后是相同徽标的动画初始屏幕。 :)

我知道这不是一个好习惯。但是经过长时间的搜索和尝试，我得到了这个解决方案。

【讨论】：