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

Posted 2023-02-19

【中文标题】网站应具有与视频相同的背景颜色

【英文标题】：Website should have same background color as video

【发布时间】：2015-01-06 14:43:56

【问题描述】：

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

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

来自 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，而不是一个真正干净的解决方案，因为它不能在全局范围内工作，您必须为任何浏览器和操作系统定义异常，但现在就足够了。谢谢！