我使用tubular.js运行YouTube视频作为背景。当浏览器不支持HTML5并且没有检测到闪存时,它显然会中断。处理背景YouTube视频不与播放tubular.js
当它中断时,背景会有一个号召性的行为来安装flash,但是这个号召性行为是不可点击的,因为它被分层放在其他物品的后面。
如何在未安装或支持Flash和HTML5的情况下处理实例?
我使用tubular.js运行YouTube视频作为背景。当浏览器不支持HTML5并且没有检测到闪存时,它显然会中断。处理背景YouTube视频不与播放tubular.js
当它中断时,背景会有一个号召性的行为来安装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"
]);
}
可能是一个很好的解决方案,直到像modernizer这样的功能检测框架支持闪光检测。仍然,我并不热衷于加载这个swfobject项目的实用方法 - >功能检测 – 2015-02-09 18:02:09
的是YouTube HTML5的iframe API - 这是使用管状 - 没有HTML5不会做任何事情上的浏览器...
你需要设置一个闪回后备(或上面提出的图像..)
我编辑你的问题(并表达它成为一个真正的问题)..插件'tubular.js'你指的是jQuery的Tubular J S插件:http:// www.seanmccambridge.com/tubular /'..可在此下载:https:// code.google.com/p/jquery-tubular /'? – 2015-02-09 17:50:11
有时这个问题出现在这个ID'管状盾'刚刚设置其高度:0%;在js中,您可以点击视频并播放 – Anup 2016-05-31 11:12:58