jquery - YouTube onPlayerStateChange无法触发

This question already has answers here:

FancyBox and Youtube API events

(2个答案)

5年前关闭。

我正在按以下方式加载YouTube播放器API，
一旦我正在播放的YouTube视频结束，我就会尝试触发一个事件。并弹出一个窗口。

这是我发现并尝试过的代码，但事件未触发

<!doctype html>
<html lang="en">
<body>
<a class="fancybox fancybox.iframe" id="vdo" href="http://www.youtube.com/embed?listType=playlist&list=PL590L5WQmH8f_0qlZ-tKrtbfw4n0jyHQ">Video #1</a>


<script>
// Fires whenever a player has finished loading
function onPlayerReady(event) {
    event.target.playVideo();
}

// Fires when the player's state changes.
count = 0;
        function onPlayerStateChange(event) {
            if(event.data == 0)
            {
                count++;
            }           
            if(count == 6)
            {
                $("#popup-wrapper-center").show();
            }
        }

// The API will call this function when the page has finished downloading the JavaScript for the player API
function onYouTubePlayerAPIReady() {

    // Initialise the fancyBox after the DOM is loaded
    $(document).ready(function() {
        $(".fancybox")
            .attr('rel', 'gallery')
            .fancybox({
                openEffect  : 'none',
                closeEffect : 'none',
                nextEffect  : 'none',
                prevEffect  : 'none',
                padding     : 0,
                margin      : 50,
                beforeShow  : function() {
                    // Find the iframe ID
                    var id = $.fancybox.inner.find('iframe').attr('id');

                    // Create video player object and add event listeners
                    var player = new YT.Player(id, {
                        events: {

                            'onStateChange': onPlayerStateChange
                        }
                    });
                }
            });


    });

}
</script>
</body>
</html>

最佳答案

将ID更改为视频而不是vdo

关于jquery - YouTube onPlayerStateChange无法触发，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30666171/

上一篇：asp.net-mvc - 嵌入式YouTube视频在asp.net MVC/Angular应用程序上不起作用

下一篇：c# - C#Youtube API错误

相关文章：

javascript - 对动态 HTML 表格应用多重过滤

javascript - 如何用 jquery 或 javascript 替换变量内的文本

javascript - 随机消失的文本效果 - 使用 jQuery 选择随机 Div

javascript - 如何在 Python 中使用 Appengine 读写文件？

iPhone - 在 iPhone 应用程序中使用 YouTube API

javascript - Twitter Bootstrap Carousel 不会自动启动

HTML5 : camera access

html - 将参数从 url 传递到 whatsapp api web 时如何保持大写？

jQuery 特色内容 slider 问题与嵌入式 Flash youtube 视频，溢出 div

ios - YouTube - 下载/播放私有(private)视频