在HTML5应用程序中启动MP4视频之前获取一个大的丑陋播放按钮

Question

我们使用嵌入到我们应用中并在本地加载的mp4视频。在视频开始播放之前，有一个丑陋的大型播放按钮的短暂闪烁，大小与容器大小相同。

有没有办法避免这种情况，或者在播放之前放置一个保持图像？

这是暂时闪现的截图

我的html5视频代码是

<ion-content padding="true" overflow-scroll="true">
    <div class="video-container" data-tap-disable="true">
    <video id="myVideo" controls="controls" preload="metadata" autoplay="autoplay" webkit-playsinline="webkit-playsinline" class="videoPlayer"><source src="{{product.video}}" type="video/mp4"/></video>
    </div>  
  </ion-content>

Answer 1

我已经为视频容器设置了背景颜色！对于视频选择器设置了背景图像作为海报海报=“img / poster.jpg”，我认为这是解决了这个问题的部分。