javascript - 在观看视频时将课程应用于身体

Question

有没有办法先检查浏览器是否是 webkit，然后在用户单击视频播放时将类应用于正文？如果浏览器是 webkit，我想应用 .blur 类，如果浏览器不是 webkit，我想添加一个深色覆盖，以便用户可以专注于视频。除了应用模糊之外，我不知道如何做到这一点，呵呵。任何帮助都是极好的！

score 1 · Accepted Answer

1

if (/webkit/i.test(navigator.userAgent)) {
    document.body.className += ' blur';
}

于 2012-07-10T00:44:14.300 回答

score 1 · Accepted Answer

jQuery 提供了jQuery.browser，它为您提供有关正在访问页面的浏览器的信息，包括渲染引擎。

至于检测用户何时播放视频，这取决于您的视频是如何嵌入的。如果您使用 HTML5 并使用<video>标签，HTML5 会提供播放、暂停、搜索等事件。请参见此处：http ://www.w3.org/2010/05/video/mediaevents.html

score 1 · Accepted Answer

也许你可以使用 navigator.userAgent 的值来 check.like：

var UA = navigator.userAgent.toLowerCase();
function testWebkit(){
    if(/webkit/i.test(UA))
        return true;
    else
        return false;
}

3 回答 3