Question

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

Answer 1

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

您可以获取视频的当前事件，然后暂停/停止滑块。

如果您需要有关此问题的更多详细信息，请与我们联系。

Answer 2

我想你正在使用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函数中的幻灯片放映。还有其他状态，您可能要检查相同的功能，如“事件”一章中所述，例如暂停或结束状态。

在滑块和暂停滑块中播放youtube视频

2 个答案: