问题标签 [tubular]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
1981 浏览

jquery - 嵌入式 youtube 播放器未静音

我正在使用将 YouTube 视频作为背景播放的 Tubular jQuery 插件,并且我试图在后台静音视频,默认情况下,在查看脚本代码时脚本应该这样做,但由于某些奇怪的原因它没有。

这是代码:

如您所见,它一直等到 Youtube 播放器准备就绪,然后继续:

但是,当视频播放器加载时,它不会执行任何这些功能,而是会在音频未静音的情况下开始播放。我将如何解决这个问题?谢谢你。

0 投票
0 回答
456 浏览

jquery - 管使用超过 1 个视频

我正在使用Tubular一个在后台显示 Youtube 视频的 JS 插件。目前,该功能仅允许一个视频,因此您无法循环播放一系列视频。这就是我想要实现的。

该功能是这样工作的

我想扩展它以包含多个视频 ID,这些 ID 将一个接一个地播放,就像这样。

任何想法将不胜感激:)

0 投票
2 回答
3210 浏览

jquery - Safari 7 (mac) 中未启动的管状 jquery 视频

我正在使用管状插件 ( http://www.seanmccambridge.com/tubular/ ) 创建一个微妙的 html 视频背景。这在 Chrome 中有效,但在 Mac 上的 Safari 7 中,视频无法启动。

我已将其缩小到 z-index,这是 safari 不会自动启动视频的原因。当我将tubularContainer 的z-index(默认为1)更改为高于我的其他内容(例如9999)的值时,视频开始就好了。

有谁知道如何规避这种狩猎行为?就好像视频在其上方有带有 z-index 的内容时不会开始。

0 投票
5 回答
207 浏览

javascript - 单击其中一个时切换两个 A HREF 之间的可见性?

说得尽可能简单。

我有一个

还有一秒钟

我只希望一开始PAUSE可见,但是一旦单击它就会消失,并且PLAY变得可见,依此类推,依此类推(切换)...

管状暂停管状播放类是我的视频实际暂停和播放的触发器。因此,点击的动作需要保持完整并发生在我猜的“切换”之前。

谢谢!

0 投票
1 回答
1597 浏览

javascript - JavaScript(管状视频背景)并不总是加载和运行。有时会

我的 Weebly.com 网站上有一些 JavaScript。一种是 Tubular,它为所选元素添加视频背景。但它并不总是正确加载并且并不总是运行。有时会,通常不是在刷新时,而是在我在 Chrome 中打开一个新窗口并加载网站时。

JavaScript 不总是被加载和运行的原因是什么?

  • 管状代码和演示(虽然适用于 JSFiddle):JSFiddle

我在按 CTRL+SHIFT+J 时在 Chrome 中看到的内容。

我在外部文件上的脚本加载顺序就在结束正文标记之前,在其余脚本之上。

这是我的 HTML 文件中调用视频的脚本。Tubular 代码在 jquery_tubular.js 中。请参阅上面 JSFiddle 链接中的代码。

0 投票
1 回答
870 浏览

html - Jquery-tubular插件问题

我正在尝试制作我的第一个视频背景,并找到了这个管状插件。当我按照步骤操作时,似乎在正文中添加代码变得复杂。我添加了 jquery 链接,由于某种原因,我添加的代码无效。谁能帮我如何使这个插件工作?

这是我试图遵循的指令: https ://code.google.com/p/jquery-tubular/

先感谢您!

这是我的代码:

0 投票
1 回答
88 浏览

javascript - jQuery.tubular 不接受输入

我目前正在使用 jQuery.tubular ( Here ) 在后台显示 YT 视频,其中 ID 是使用 YouTube 数据 API 获取的。Tubular 加载,但没有加载我要求它的视频,无论出于何种原因。这是相关的JS:

控制台读取以下内容:

但随后管状加载默认视频。一切看起来都应该有效,但事实并非如此。有什么线索吗?

0 投票
2 回答
983 浏览

javascript - Youtube 视频作为网站背景 (tubular.js) 显示在我的其他组件之上,而不是在后面

我有一个网页,它使用tubular.js 脚本将youtube 视频显示为网站背景。管状页上有一句话:

首先,它假设您在 body 标签下有一个包装器元素,它包含您的所有网站内容。它将包装器提升为 z-index: 99 和 position: relative。

因此,在此之后,我编写了一个简单的 html/css 代码:

但是现在,当我运行它时-我只看到顶部没有徽标的 youtube 视频...我知道徽标在那里,因为当我注释掉 youtube 脚本时,我可以看到它,但是当有视频。我试图添加z-index:99#logo但没有任何魔法......你能帮我吗?

编辑:

正如 A. Wolff 在下面建议的那样,我添加到我的 css 中:

尽管如此 - 没有好的结果,视频仍然是最重要的..

0 投票
1 回答
205 浏览

javascript - 移动浏览器中的视频背景

我正在尝试制作背景有视频的新网站。我找到了一个 JS 库:tubular

这个插件在我的桌面浏览器中按预期工作。(检查:Chrome、Safari、Firefox)

但是,这在移动浏览器中不起作用。我试过(Nexus 5,HTC M8)。两台设备都没有响应视频背景。那里有人知道这个问题的解决方案或我可以使用的一些替代库吗?

0 投票
2 回答
1350 浏览

javascript - jQuery管状加载多个实例

我想在第一个管状实例播放后 x 秒启动第二个管状实例。

我正在使用 2 个 div 将播放器附加到

我有 2 个启动管状的脚本。

它成功启动了第一个管状实例。当第二个实例playercount: 2应该启动时,它只会附加管状容器和防护罩,而不是 iframe。

只有 player1 被加载。

我添加了控制台日志来监控实例是否正在加载。

控制台日志

这是 jquery.rhtv.init.js 的链接(这称为管状函数)。

http://nopaste.linux-dev.org/?833094

这是修改后的管状 JS 的链接:

http://nopaste.linux-dev.org/?833101

这一切都在现场直播:

http://www.realhardstyle.tv

我怎样才能设法在第二个实例(以及更多)中加载 youtube iframe,最终结果应该是不间断地播放 youtube 视频流。对于每个已经开始的视频,应该出现一个“正在播放”的 div(就像在 jquery.rhtv.init.js 中一样)

先感谢您!