Vimeo API：播放按钮和多个视频

如何解决Vimeo API：播放按钮和多个视频

| 我遇到了麻烦。我刚刚发现您可以使用js控制vimeo，现在我正在尝试创建一个将开始播放vimeo视频的播放按钮。 我遇到的问题是我在同一页面上有多个视频。我使用了example / playground文件（从此处http://player.vimeo.com/playground / https://github.com/vimeo/player-api/tree/master/javascript）删除了我不具备的功能\但是，我不明白如何将播放按钮与某个视频连接起来。 这就是我到目前为止 HTML：

<iframe id=\"player_1\" src=\"http://player.vimeo.com/video/7100569?api=1&amp;player_id=player_1\" width=\"540\" height=\"304\" frameborder=\"0\"></iframe>
<div class=\"intro\">
     <span class=\"hide\">Play 1</span>
</div>
<iframe id=\"player_2\" src=\"http://player.vimeo.com/video/7100569?api=1&amp;player_id=player_2\" width=\"540\" height=\"304\" frameborder=\"0\"></iframe>
<div class=\"intro\">
    <span class=\"hide\">Play 2</span>
</div>

JS：

            var vimeoPlayers = document.querySelectorAll(\'iframe\'),player;

            for (var i = 0,length = vimeoPlayers.length; i < length; i++) {
                player = vimeoPlayers[i];
                $f(player).addEvent(\'ready\',ready);
            }


            function addEvent(element,eventName,callback) {
                if (element.addEventListener) {
                    element.addEventListener(eventName,callback,false);
                }
                else {
                    element.attachEvent(eventName,false);
                }
            }


            function ready(player_id) {
                // Keep a reference to Froogaloop for this player
                var container = document.getElementById(player_id).parentNode.parentNode,froogaloop = $f(player_id);

                function setupSimpleButtons() {
                    var buttons = container.querySelector(\'div.intro\'),playBtn = buttons.querySelector(\'.hide\');

                    // Call play when play button clicked
                    addEvent(playBtn,\'click\',function() {
                        froogaloop.api(\'play\');
                    },false);



                }

                setupSimpleButtons();
            }
        })();

如果我有不必要的代码，请帮助我删除它。 非常感谢。     

解决方法

        每个vimeo播放器都会调用一次

ready()

函数。您需要更改使用addEvent按钮连接的对象。为此，您可能需要在按钮本身上放置

id

属性。     ,        我想出了一种简单得多的方法，您可以在此处查看示例： http://labs.funkhausdesign.com/examples/vimeo/froogaloop2-api-basics.html