播放 html5 iOS Cordova 视频时阴暗的空白灰色按钮

Question

我搜索了堆栈溢出、谷歌搜索并转到了苹果的文档，了解我在 Cordova Html5 iOS 11+ 应用程序中遇到的问题。该应用程序播放视频。它工作正常，只是视频顶部有一个灰色的阴天按钮，应该显示 iOS 图标。该按钮只是一个灰色的“斑点”。首次加载视频时会发生这种情况，然后在结束时再次加载。

看起来像这样（屏幕左上角：

我尝试过使用许多在堆栈溢出和其他一些搜索中发现的 css 变通方法。我认为这是/曾经是一个 CSS 问题，但我很茫然。我在 Safari 文档中找不到任何内容。我最接近的是关于播放视频时灰色背景问题的帖子。这是使用亮度解决的。它对我的问题根本不起作用。我也无法隐藏灰色按钮。

视频为标准html5：

    <video src="myVideo.mp4" controls poster="myPoster.png" height="auto" width="100%">
</video>

提前感谢您的帮助。如果我需要添加更多信息，我可以这样做。我只是不想添加不需要的东西。

-雷切尔

Answer 1

如果您能提供一个出现此问题的示例页面，那将更容易。

我很确定这应该可以通过 css 实现。也许这不是最“漂亮”的方法，但我要做的是找到这个元素的标记，看看有哪些 css 选择器和规则会影响它。然后将 css 选择器复制到您自己的样式表中，并可能向其添加一些类或 id 以确保它覆盖这些规则，然后简单地添加一个 display: none; 到它。

如果 !important 不能立即起作用，也可以尝试一下。

在开发工具中，您可以直接添加 css 规则，这样您就可以浏览元素并在其中添加 display: none;，以查看您需要在文件中引用哪个元素。

但同样，如果没有一个例子，真的很难说。