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

Question

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

应该是Chrome的屏幕截图

Safari的截图，因为它不应该

Answer 1

请你试试以下内容：

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

您可以找到正确的颜色HEX-Code，确保此行是.js文件中的最后一行，并确保您的.jss文件在.css文件后加载，以便鳕鱼覆盖您的css浏览器是否为safari

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

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

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

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