2016-12-08 254 views
1

我创建了一个非常新的Cordova(6.4.0)项目,在HTML主体中放置了一个html5视频标签。运行iOS项目,效果很好。但对于Android(6.0.0),视频播放不带图像,直到点击右下角的缩放按钮。Cordova for Android:HTML5视频标签播放没有图像的视频

White screen when playing the video for Android

下面是HTML:

<body> 
    <video controls="controls" src="http://url/somemovie.MOV"></video> 
    <script type="text/javascript" src="cordova.js"></script> 
</body> 

回答

1

如果你的意思是你的视频没有自动播放,直到你点击的东西,你可能会遇到一个故意限制谷歌插入其移动Chrome浏览器,它可以阻止视频在没有用户交互的情况下自动播放。这背后的原因是因为在移动设备上,带宽可能会导致用户收费。 (希望他们会改变未来他们的想法。)

然而,解决类似的问题,在这里你可以仍然只要自动播放视频,因为它是通过使用自动播放和静音性能静音。例如:

<video autoplay loop muted poster="/app/img/videos/timeapps.jpg"> 
    <source src="/app/img/videos/timeapps.mp4" /> 
</video> 

在上面的示例中,我还有一个海报图像,在视频内容首次加载时显示。

+0

谢谢你的好意〜我只是不明白为什么图像不显示,直到它在Android设备上的全屏模式。 –

0

我找到了解决方案。当为android播放时设置视频全屏模式。

if (_IsAndroid()){ 
    video = attElement.querySelector('.video'); 
    video.src = filepath; 
    video.webkitRequestFullscreen(); 
    //video.onclick = function(){document.webkitExitFullscreen();} 
}