Question

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

当它中断时，后台有一个操作号召，可以安装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"
        ]);     
    }

Answer 2

youtube html5 iframe api - 由管道使用 - 在浏览器上没有html5的情况下做任何事情...

您需要设置闪回后备（或上面提出的图像..）

处理背景YouTube视频无法使用tubular.js播放

2 个答案: