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

Handling background YouTube video not playing with tubular.js

本文关键字：背景 YouTube 视频 播放 js tubular 处理      更新时间：2023-09-26

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

当它坏掉时，后台会发出安装flash的行动呼吁，但这个行动呼吁是不可点击的，因为它被放在其他项目后面。

当没有安装或支持flash和HTML5时，我该如何处理实例？

我们的解决方案是使用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"
        ]);     
    }

管状使用的youtube html5iframe api在浏览器上没有html5将无法执行任何操作。。。

您将需要设置一个闪光回退（或如上所述的图像）

相关文章：