将视频显示为启动屏幕ionic 3

时间:2019-04-23 15:02:20

标签: ionic-framework ionic3 splash-screen

我正在尝试使用此Tutorial将视频显示为初始屏幕。我可以做CSS并添加图像,但不能将视频用作初始屏幕。

index.html中的MY代码

  <!-- 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>

存在初始屏幕,但视频损坏或不可用。

1 个答案:

答案 0 :(得分:0)

看来IONIC不允许我们删除默认的启动屏幕。白色空白屏幕将在Android中显示一段时间,并且IOS需要默认的初始屏幕。

因此,我发现的唯一选择是使用两个屏幕快照。

默认的静态启动屏幕,然后是同一徽标的动画启动屏幕。 :)

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