Question

我创建了一个非常新的Cordova（6.4.0）项目，在html主体中放置了一个html5视频标签。运行iOS项目，效果很好。但对于Android（6.0.0），视频播放没有图像UNTIL右键的缩放按钮被点击。

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>

Answer 1

如果您的意思是在您点击某些内容之前您的视频没有自动播放，那么您可能会遇到谷歌插入移动Chrome浏览器的故意限制，这会阻止视频在没有用户互动的情况下自动播放。这背后的原因是因为在移动设备上，带宽可能导致用户收费。（希望他们将来能够改变主意。）

但是，有一种解决方法，只要通过使用自动播放和静音属性静音，您仍然可以自动播放视频。例如：

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

在上面的示例中，我还会在首次加载视频内容时显示海报图片。

Answer 2

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

Vue.component('test-component', require('./test-component').default);

/*  Or using ES2015 import */

import TestComponent from './test-component';
Vue.component('test-component', TestComponent);

适用于Android的Cordova：HTML5视频代码播放没有图片的视频

2 个答案: