处理不使用tubular.js 播放的背景YouTube 视频答案

【问题标题】：Handling background YouTube video not playing with tubular.js处理不使用tubular.js 播放的背景YouTube 视频
【发布时间】：2015-02-09 17:10:27
【问题描述】：

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

当它中断时，背景会有一个安装flash的号召性用语，但这个号召性用语是不可点击的，因为它是在其他项目之后分层的。

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

【问题讨论】：

我编辑了你的问题（并将其表述为一个实际问题）.. 插件tubular.js 你指的是 jQuery 的 Tubular JS 插件：seanmccambridge.com/tubular`.. 可在此处下载：code.google.com/p/jquery-tubular ` ?
有时这个问题出现在这个 id 'tubular-shield' 只是设置它的高度：0%;在js中，你可以点击视频并播放

标签： javascript html flash youtube

【解决方案1】：

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

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

这占了最小的公分母。

    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"
        ]);     
    }

【讨论】：

在像modernizer这样的特征检测框架支持闪存检测之前可能是一个很好的解决方案。不过，我并不热衷于为实用方法加载这个 swfobject 项目 -> 特征检测

【解决方案2】：

youtube html5 iframe api - 由 Tube 使用 - 在浏览器上没有 html5 将无法执行任何操作...

您需要设置 Flash 后备（或上述建议的图像..）

【讨论】：