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

Question

有没有办法首先检查浏览器是否是webkit，然后在用户点击视频播放时将一个类应用于正文？如果浏览器是webkit，我想应用.blur类，如果浏览器不是webkit，我想添加一个黑色叠加层，这样用户就可以专注于视频了。我不知道如何做到这一点除了应用模糊，呵呵。任何帮助都会很棒！

Answer 1

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

Answer 2

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

至于检测用户播放视频的时间，具体取决于视频的嵌入方式。如果您使用的是HTML5并使用<video>标记，HTML5会为播放，暂停，搜索等内容提供活动。请参阅此处：http://www.w3.org/2010/05/video/mediaevents.html

Answer 3

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

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