Javascript无法在PS3浏览器上运行

时间:2011-08-09 01:22:00

标签: javascript jquery css cross-browser ps3

我最近放了一个广告框,覆盖了我网站上的嵌入式视频。用户被迫点击“关闭播放”按钮,以关闭广告叠加层并播放视频。

在此处查看此行动:http://www.animefushigi.com/ao-no-exorcist-17/4

问题:我收到了PS3用户的投诉,即关闭播放按钮无法在PS3浏览器上运行,因此它们会被广告叠加层所困扰。

按钮的javascript如下:

    $(document).ready(function(){
      $(".btn").click(function() {
        $(this).closest(".olBlock").toggleClass("display");
      });
    }); 

有关如何解决此问题的任何建议吗?

1 个答案:

答案 0 :(得分:3)

问题是,在PS3浏览器(NetFront 3.1)中,Flash插件(视频播放器)接收Click事件,而不是HTML覆盖。

因此,唯一的解决方案是在Flash对象的边界之外有一个关闭的可点击元素,例如在视频播放器之后移动“关闭播放”psuedo按钮。为了美观,您可能更喜欢将关闭按钮留在原点和位置。在右上角添加典型的“[x]”关闭元素,将其放置在Flash播放器的正上方。

如果您需要测试PS3浏览器(可能没有必要,如果您为所有浏览器都包含“[x]”元素),则用户代理字符串包含“PLAYSTATION 3”,因此您可以测试它客户如下:

var isPs3Browser = (navigator.userAgent.indexOf("PLAYSTATION 3") >= 0);

据我所知,jQuery.browser对象不能用于检查PS3浏览器,特别是因为该对象可能已被弃用。