2013-07-08 85 views
0

我正在制作自定义jQuery滑块。我想在youtube视频播放时暂停滑动条。所以我需要一个参考或任何帮助,以便我可以完成我的滑块。在滑块和暂停滑块中播放youtube视频

+1

你的问题是什么?你在寻找什么样的参考?到目前为止你做了什么,并且你有任何示例代码?现在你不是在问一个问题,而只是说你需要一个参考。 – josh

回答

1

使用YouTube API,您可以在视频处于播放模式时停止滑块。尝试播放一点这个>https://developers.google.com/youtube/youtube_player_demo?hl=fr,在这里你可以找到你需要的一个很好的例子>https://code.google.com/apis/ajax/playground/?exp=youtube#chromeless_player

你可以得到你的视频的当前事件,然后暂停/停止你的滑块。

让我知道你是否需要关于这个问题的更多细节。

+0

您好Ussama thnx为您提供帮助。当视频正在播放时,我可以暂停幻灯片放映,但在点击播放按钮后视频首次加载时不能暂停幻灯片播放。目前它将移动到下一张幻灯片,并在视频准备播放时暂停播放幻灯片。 –

+0

所以你只需要用一个简单的'.click()'鼠标事件点击播放按钮就可以暂停幻灯片播放。 不用客气。 –

1

我想你正在使用的iframe API使用嵌入式播放器: https://developers.google.com/youtube/iframe_api_reference

如果没有,我强烈建议你这样做。它可以让你听到播放器的状态改变事件,并在开始播放时执行一个功能。

以页面的例子,在“入门”一章中,我建议做这样的事情:

var player; 
function onYouTubeIframeAPIReady() { 
    player = new YT.Player('player', { 
     height: '390', 
     width: '640', 
     videoId: 'M7lc1UVf-VE', 
     events: { 
      'onReady': onPlayerReady, 
      'onStateChange': onPlayerStateChange 
     } 
    }); 
} 

function onPlayerStateChange(event) { 
    if (event.data == YT.PlayerState.PLAYING) { 
     // Pause your slideshow 
    } 
} 

修改玩家的参数,根据自己的喜好和编写自己的代码以停止在onPlayerStateChange函数中放映幻灯片。还有其他一些状态,您可能需要检查相同的功能,如“事件”一章中所述,例如暂停状态或结束状态。