Events 为同一页面上的多个视频添加vimeo事件侦听器

我在同一页上有多个Vimeo视频iFrame。因此，我想为所有iFrame添加事件侦听器。但不知怎么的，这对我不起作用

这是我在document.ready上添加的代码

 var iframes = document.querySelectorAll('iframe');

var player;
//loop through all and add event
    for (i = 0; i < iframes.length; i++) {
        // when vimeo player is ready add other events
        player = $f(iframes[i]);

        player.addEvent('ready', function () {         

            player.addEvent('play', onPlay);
            player.addEvent('pause', onPause);

        });

        function onPlay(el) {
            console.log('play');
        }

        function onPause(el) {
         console.log('pause');
        }

    }

var-iframes=document.querySelectorAll（'iframe'）；
var播放器；
//循环遍历所有并添加事件
对于（i=0；i

---

我在变量“iframes”中获取所有iframes，它还循环遍历所有iframes并添加ready事件。但不能添加播放和暂停事件。我哪里出错了？

以下代码将帮助您将事件附加到帧

<script>

    $(document).ready(function () {
        var x = document.querySelectorAll("iframe");
        var nodelist = x.length;
        alert(nodelist);

        for (i = 0; i < nodelist; i++) {

            var player = new Vimeo.Player(x[i]);

            player.on('play', function () {
                console.log('played the video!');
            });

            player.on('ended', function () {
                console.log('ended the video!');
            });
        }
    });

</script>

$（文档）.ready（函数（）{
var x=document.querySelectorAll（“iframe”）；
var nodelist=x.长度；
警报（节点列表）；
对于（i=0；i

实际上，我的问题中提到的多个视频播放/暂停问题已使用froogaloop2.js解决。我现在没有为这个问题编写任何额外的代码。并且我的iframe src url没有附加api=1参数

为什么答案被否决了？它对我有用。让我知道你面临的问题。这很有效！只有手动地将查询属性：api=1和player_id=videoUniqueId添加到框架src url中，它才能工作。