Android - 三星的HTML5视频没有显示控件

Question

我目前正在开发一款带有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");

谢谢！

Answer 1

不确定是否要删除这个问题，但是发现这种情况发生的原因是由于页面上的样式表造型并输入了带有border-radius和box-shadow样式的[type = button]元素 - 用于在WebView中呈现视频播放器控件 - 以及WebView未正确呈现的控件。

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