网站应具有与视频相同的背景颜色答案

【问题标题】：Website should have same background color as video网站应具有与视频相同的背景颜色
【发布时间】：2015-01-06 14:43:56
【问题描述】：

我有一个带有 HTML5 视频的网站。该网站应具有与视频相同的背景颜色，因此我将网站的背景设置为与视频相同的 HEX-Code。这在 Chrome 中看起来不错，但在 Safari 中，视频与网站具有其他背景颜色，看起来很难看。我能做些什么？谢谢！

Chrome 的屏幕截图，应该是这样的

来自 Safari 的屏幕截图，因为它不应该是

【问题讨论】：

标签： html css google-chrome video safari

【解决方案1】：

请您尝试以下方法：

function BrowserDetection() {
    if (navigator.userAgent.search("Safari") >= 0 && navigator.userAgent.search("Chrome") < 0) {
                     $(body).css("background-color":"grey");   
                    }
    }

您可能会找到正确的颜色 HEX 代码，确保此行是 .js 文件中的最后一行，并确保您的 .js 文件在 .css 文件之后加载，以便 cod 覆盖您的如果浏览器是 safari，则为 css

来源：http://forums.asp.net/t/1965754.aspx?Determine+the+browser+using+Javascript+JQuery

如果上面的代码不起作用，以下可能：

if ( $.browser.webkit ) {
    $(body).css("background-color":"grey"); 
  }

但是上面的代码在 jquery 1.9 及更高版本中已被弃用。

【讨论】：

这更像是一个 hack，而不是一个真正干净的解决方案，因为它不能在全局范围内工作，您必须为任何浏览器和操作系统定义异常，但现在就足够了。谢谢！