Our app utilizes mp4 videos that are embedded and loaded locally. However, before the video begins playing, a large, unsightly play button briefly flashes on the screen, occupying the entire container.
Is there any method to prevent this occurrence or potentially display a placeholder image until the video starts?
Shown below is a screenshot of the momentary flash:
The following is my HTML5 video code:
<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>