我正在制作自定义jQuery滑块。我想在youtube视频播放时暂停滑动条。所以我需要一个参考或任何帮助,以便我可以完成我的滑块。在滑块和暂停滑块中播放youtube视频
回答
使用YouTube API,您可以在视频处于播放模式时停止滑块。尝试播放一点这个>https://developers.google.com/youtube/youtube_player_demo?hl=fr,在这里你可以找到你需要的一个很好的例子>https://code.google.com/apis/ajax/playground/?exp=youtube#chromeless_player
你可以得到你的视频的当前事件,然后暂停/停止你的滑块。
让我知道你是否需要关于这个问题的更多细节。
您好Ussama thnx为您提供帮助。当视频正在播放时,我可以暂停幻灯片放映,但在点击播放按钮后视频首次加载时不能暂停幻灯片播放。目前它将移动到下一张幻灯片,并在视频准备播放时暂停播放幻灯片。 –
所以你只需要用一个简单的'.click()'鼠标事件点击播放按钮就可以暂停幻灯片播放。 不用客气。 –
我想你正在使用的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函数中放映幻灯片。还有其他一些状态,您可能需要检查相同的功能,如“事件”一章中所述,例如暂停状态或结束状态。
- 1. 在滑动滑块中暂停/播放视频
- 2. 视频播放滑块
- 3. 在Nivo滑块上播放/暂停Btn
- 4. 停止使用Jquery滑块播放YouTube视频,使用Jquery
- 5. 暂停滑块上的视频
- 6. 音频在我的应用程序,播放暂停滑块
- 7. Youtube播放器API和jQuery滑块
- 8. JQuery滑块 - OnClick播放宽屏视频
- 9. 让视频播放使用滑块
- 10. 一旦视频完成,暂停并恢复滑动滑块
- 11. 阻止播放滑块的Youtube视频的脚本
- 12. 播放/暂停YouTube视频中拉网
- 13. jquery暂停悬停滑块
- 14. jquery滑块暂停悬停
- 15. 如何在播放视频时使滑块停止?
- 16. 滑动旋转木马 - 在播放YouTube视频时暂停滑动条的自动播放
- 17. 暂停和播放JavaScript滑块事件onclick
- 18. 无法停止YouTube上的自动播放嵌入的视频滑块
- 19. 播放音频结束时的滑块停止播放
- 20. 自动播放光滑滑块内的视频
- 21. Fotorama滑块:如何在鼠标悬停时将滑块暂停在恢复自动播放中?
- 22. BJQS滑块暂停点击
- 23. 暂停javascript图像滑块
- 24. jssor:$暂停()不暂停滑块
- 25. 带视频的Youtube风格滑块
- 26. 如何暂停悬停在滑块
- 27. 添加“在悬停暂停”滑块
- 28. 滑块在悬停时暂停
- 29. 带有播放/暂停循环的HTML范围滑块
- 30. 如何在控制台中播放和暂停Youtube视频?
你的问题是什么?你在寻找什么样的参考?到目前为止你做了什么,并且你有任何示例代码?现在你不是在问一个问题,而只是说你需要一个参考。 – josh