0

我目前正在开发一个带有 WebView 控件的 Android 应用程序，其中包含以下 HTML 片段：

<video width="270" height="270" controls>
  <source src="http://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4"/>
</video>

在我的 LG Nexus 4（Vanilla Android）上，这可以正确呈现视频和控件（例如播放、暂停、全屏等），但在三星 Galaxy s4 和 Nexus 10（Touchwiz）平板电脑上查看时，控件显示为红色框（如下面的屏幕截图所示）。

三星视频控制

我在 Google Chrome 上查看了相同的页面并且控件呈现正确，这让我相信 Google chrome 与 Touchwiz 提供的 WebView 有所不同

我已经在 HTML 5 片段上尝试了许多选项，并且还删除/添加了当前附加在 WebView 上的 WebClient / WebChromeClient，尽管这些解决方案似乎都没有奏效。

WebView 当前配置如下：

webView = (WebView)findViewById(R.id.newsletter_webview);
webView.loadUrl("http://example.com");

谢谢！

4

1 回答 1

0

不确定是否要删除问题，但发现发生这种情况的原因是页面上的样式表使用边框半径和框阴影样式设置和 input[type=button] 元素 - 用于在 WebView 中呈现视频播放器控件 - 并且 WebView 未正确呈现。

删除样式似乎解决了问题，并使视频播放器控件恢复正常。

于 2014-11-27T22:48:36.053 回答