2015-02-09 67 views
0

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

当它中断时,背景会有一个号召性的行为来安装flash,但是这个号召性行为是不可点击的,因为它被分层放在其他物品的后面。

如何在未安装或支持Flash和HTML5的情况下处理实例?

+0

我编辑你的问题(并表达它成为一个真正的问题)..插件'tubular.js'你指的是jQuery的Tubular J S插件:http:// www.seanmccambridge.com/tubular /'..可在此下载:https:// code.google.com/p/jquery-tubular /'? – 2015-02-09 17:50:11

+0

有时这个问题出现在这个ID'管状盾'刚刚设置其高度:0%;在js中,您可以点击视频并播放 – Anup 2016-05-31 11:12:58

回答

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

可能是一个很好的解决方案,直到像modernizer这样的功能检测框架支持闪光检测。仍然,我并不热衷于加载这个swfobject项目的实用方法 - >功能检测 – 2015-02-09 18:02:09

-1

的是YouTube HTML5的iframe API - 这是使用管状 - 没有HTML5不会做任何事情上的浏览器...

你需要设置一个闪回后备(或上面提出的图像..)