Cordova for Android：HTML5 视频标签播放没有图像的视频答案

【问题标题】：Cordova for Android: HTML5 video tag plays video without imageCordova for Android：HTML5 视频标签播放没有图像的视频
【发布时间】：2023-03-31 05:18:01
【问题描述】：

我创建了一个非常新的 Cordova (6.4.0) 项目，在 html 正文中放置了一个 html5 视频标签。为 iOS 运行该项目，它运行良好。但是对于Android（6.0.0），视频播放没有图像，直到点击右下角的缩放按钮。

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>

【问题讨论】：

标签： android html cordova video

【解决方案1】：

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

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

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

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

【讨论】：

还是谢谢你~我只是不明白为什么图像直到它在android的全屏模式下才会显示。

【解决方案2】：

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

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

【讨论】：