Javascript 不适用于 PS3 浏览器

Question

我最近在我的网站上放置了一个覆盖嵌入视频的广告框。用户被迫单击“关闭播放”按钮以关闭广告覆盖并播放视频。

在此处查看实际效果:http://www.animefushigi.com/ao-no-exorcist-17/4

问题:我一直收到 PS3 用户的投诉，称“关闭播放”按钮在 PS3 浏览器上不起作用，因此他们被广告覆盖卡住了。

按钮的javascript如下:

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

关于如何解决这个问题有什么建议吗？

Answer 1

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

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

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

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

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