javascript - 处理背景YouTube视频不与tubular.js一起播放

Question

我正在使用tubular.js来运行YouTube视频作为背景。当浏览器不支持HTML5并且未检测到Flash时，它显然会中断。

中断时，背景会发出呼吁安装Flash的号召性用语，但该号召性用语是不可点击的，因为它位于其他项目的后面。

未安装或不支持Flash和HTML5时如何处理实例？

Answer 1

我们的解决方案是使用SWF对象(https://code.google.com/p/swfobject/)检测闪光。

当未检测到闪光时，我们提供图像而不是全屏视频。

这是最低的公分母。

    if (swfobject.hasFlashPlayerVersion("9.0.18")) {
        //has flash show video
    }
    else {
        //no flash show image   
    }

对于tubular.js，我们包装了以下内容:

    if (swfobject.hasFlashPlayerVersion("9.0.18")) {
        $('#home').tubular({
            videoId: 'YOURVIDEOID'
        }); 
    }
    else {
        $.backstretch([
            "/img/theme/background/1.jpg"
        ]);     
    }