在 HTML5 应用程序中开始 MP4 视频之前获得一个大的丑陋播放按钮答案

【问题标题】：Getting a large ugly play button before MP4 video starts in HTML5 App在 HTML5 应用程序中开始 MP4 视频之前获得一个大的丑陋播放按钮
【发布时间】：2016-04-15 09:45:56
【问题描述】：

我们使用嵌入到我们的应用中并在本地加载的 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>

【问题讨论】：

标签： css html video ionic-framework html5-video

【解决方案1】：

我已经为视频容器设置了一个带有 !important 的背景颜色，并为视频选择器设置了一个背景图像作为 poster poster="img/poster.jpg"，我认为这是解决这个问题的部分。

【讨论】：