时间戳

首页 > 解决方案 > 将视频显示为闪屏 ionic 3

ionic-framework - 将视频显示为闪屏 ionic 3

问题描述

我正在尝试使用本教程将视频显示为启动画面。我可以做 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>

启动画面存在，但视频已损坏或不可用。

标签： ionic-frameworkionic3splash-screen

解决方案

看起来 IONIC 不允许我们删除默认的启动画面。android中会显示一段时间的白色空白屏幕，IOS需要默认启动屏幕。

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

默认静态启动画面，然后是相同徽标的动画启动画面。:)

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

推荐阅读