如何使用jQuery禁用/启用YouTube视频上的播放按钮?

时间:2011-01-05 15:53:02

标签: javascript jquery youtube-api

背景

我正在构建一个定时的jQuery幻灯片,其中包含一个YouTube视频作为其中一个元素。我正在使用YouTube JavaScript Player API来检测视频的播放状态(幻灯片1),并在播放视频时暂停幻灯片播放。这部分正在运作。

但是,如果用户在700ms幻灯片过渡期间点击播放按钮,则会出现问题。我的jQuery不会在该周期(幻灯片1)上检测播放视频,但它会在下一个周期检测播放视频(显示幻灯片2)。它将暂停幻灯片2上的幻灯片放映,并且无法再次恢复幻灯片放映 - 因为这需要暂停幻灯片1(现在隐藏)上的YouTube视频。

问题:

如何在转换过程中禁用YouTube视频上的播放按钮,并在完成后重新启用它?一种选择是在整个视频上放置一个透明的gif图像,但是使用YouTube API可能会有一个更优雅/更少的kluge-y解决方案?我找不到它。

1 个答案:

答案 0 :(得分:1)

我认为您无法使用默认界面执行操作。但是,你看过YouTube Chromeless Player了吗?它是YouTube API的一部分,但剥夺了YouTube上部分或全部“chrome”。我唯一担心的是,这可能会消除过多的铬。看看它是否适合你。