Android webview 在播放 HTML5 视频之前显示丑陋的按钮

Question

我写了一个 Javascript/HTML5 页面，它下载和缓存多个短视频并开始循环播放。但是，当我在开始播放任何视频之前通过 android webview（SKD ver 21）打开此页面时，它会显示这个丑陋的大播放按钮，然后开始播放视频。我怎样才能真正摆脱这个？

我已经尝试过这些，但没有运气！

Android html5 视频问题

隐藏 iPhone HTML5 视频播放按钮

这是有关我正在使用的 sdk 版本的更多信息

compileSdkVersion 21
    buildToolsVersion "21.1.2"
    defaultConfig {
        applicationId "com.example.aa.webview2"
        minSdkVersion 17
        targetSdkVersion 18

Answer 1

我使用了一个虚拟的小透明图像作为海报来摆脱这个占位符 -

<video
  controls={false}
  autoPlay
  muted
  loop
  playsInline
  preload="auto"
  poster="https://cdn.indiawealth.in/public/images/transparent-background-mini.png"
>
  <source
    src="https://cdn.indiawealth.in/cdn/images/fe/mini_save_landing.mp4"
    type="video/mp4"
  />
</video>