Question

我有一个HTML5视频，只有在通过phonegap编译时才会闪烁黑色。当视频开始时，海报和视频的第一帧之间会出现黑色闪烁。闪光持续0.5秒至5秒。当我采用完全相同的页面并在浏览器中运行它而不是phonegap时，它可以从海报无缝播放到视频。

如果我播放一次视频并回到它，就没有闪光灯，这只是第一次。我已经测试了这个，同时等待足够的时间让视频完全加载，所以并不是说他们还没有完全加载。

我可以想到一些黑客来解决这个问题，但我希望有一个干净的解决方案。

使用Javascript：

onVideoExit()
videoElement.currentTime = 0;
videoElement.pause();

onVideoEnter()
videoElement.play();

HTML：

<div>
    <video  width="140" height="210" webkit-playsinline preload>
        <source src=http://www.w3schools.com/html/mov_bbb.mp4 type="video/mp4">
    </video>

</div>

config.xml中：

<preference name="AllowInlineMediaPlayback" value="true" />

Answer 1

您可以尝试添加事件监听器，以了解视频何时正确加载。

var theVideo = document.getElementById("myAwesomeVideo");
theVideo.addEventListener('loadeddata', function() {
    theVideo.play();
});

在视频开始之前，PhoneGap内联html5视频黑色闪光

1 个答案: