Youtube iframe API,订阅事件

发布于 2024-12-11 11:31:14 字数 236 浏览 0 评论 0原文

YouTube iframe API:如何控制 HTML 中已有的 iframe 播放器?

如何订阅此处的事件?我想听一下视频完成情况。

YouTube iframe API: how do I control a iframe player that's already in the HTML?

How do I subscribe to events here? I would like to listen for video finish.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

罗罗贝儿 2024-12-18 11:31:14

看看这个答案中定义的我的函数:监听用于 JavaScript 或 jQuery 中的 Youtube 事件

在您的情况下,实现如下所示的核心功能(Fiddle:http://jsfiddle.net/w2w5x/

// Core functions defined at https://stackoverflow.com/q/7988536#7988536
var player;
YT_ready(function(){
    var frameID = getFrameID("YOUR-frame-or-container-ID-here");
    if (frameID) { //If the frame exists
        player = new YT.Player(frameID, {
            events: {
                "onStateChange": function(event){
                    if(event.data == "0") {
                        //The video has finished
                        alert("The video has finished!");
                        //Do something, example: play again
                        player.playVideo();
                    }
                }
            }
        });
    }
});

Have a look at my function as defined at this answer: Listening for Youtube Event in JavaScript or jQuery.

In your case, implement the core functions as shown below (Fiddle: http://jsfiddle.net/w2w5x/)

// Core functions defined at https://stackoverflow.com/q/7988536#7988536
var player;
YT_ready(function(){
    var frameID = getFrameID("YOUR-frame-or-container-ID-here");
    if (frameID) { //If the frame exists
        player = new YT.Player(frameID, {
            events: {
                "onStateChange": function(event){
                    if(event.data == "0") {
                        //The video has finished
                        alert("The video has finished!");
                        //Do something, example: play again
                        player.playVideo();
                    }
                }
            }
        });
    }
});
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文