首页 文章

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

提问于
浏览 次
1

我在同一页面上有多个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');
        }

    }

我在变量'iframes'中获取所有iframe，它也遍历所有iframe并添加ready事件 . 但无法添加播放和暂停事件 . 我哪里错了？

events iframe vimeo-api

2 回答

  • -1

    实际上我的问题中提到的多个视频播放/暂停问题使用froogaloop2.js解决了 . 我现在没有按照我的指示编写任何额外的代码 . 和我的iframe src url不附加api = 1 param .

    回复于
  • 0

    以下代码可帮助您将事件附加到框架 .

    <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>
    回复于

相关问题