Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/446.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript循环和按钮_Javascript - Fatal编程技术网

Javascript循环和按钮

Javascript循环和按钮,javascript,Javascript,你好,很棒的网络程序员。我需要一些帮助,我相信一定有一个简单的答案 目标 我需要能够暂停WordPress网页上的所有Vimeo视频。如果我能在任何标签上添加一个类“暂停”(这样我就可以使用一个div或anchor而不仅仅是一个按钮),并暂停所有播放的视频,我真的很想这样做 如果我有按钮,下面的代码可以工作,但它只在第一个视频上工作。显然,我需要做一个循环,让它在一个页面上的所有视频上工作: 代码 <button class="simple">play</button>

你好,很棒的网络程序员。我需要一些帮助,我相信一定有一个简单的答案

目标 我需要能够暂停WordPress网页上的所有Vimeo视频。如果我能在任何标签上添加一个类“暂停”(这样我就可以使用一个div或anchor而不仅仅是一个按钮),并暂停所有播放的视频,我真的很想这样做

如果我有按钮,下面的代码可以工作,但它只在第一个视频上工作。显然,我需要做一个循环,让它在一个页面上的所有视频上工作:

代码

<button class="simple">play</button> <button  class="simple">pause</button>


<script>
//HERE IS THE SIMPLE CODE THAT WORKS
    var f = $('iframe'),
    url = f.attr('src').split('?')[0];

// postMessage
function post(action, value) {
    var data = { method: action };
    if (value) {
        data.value = value;
    }
    f[0].contentWindow.postMessage(JSON.stringify(data), url);
}
// Play & Pause 
$('button').click(function() {
    post($(this).text());
});


if (window.addEventListener){
    window.addEventListener('message', onMessageReceived, false);
} else { // IE
    window.attachEvent('onmessage', onMessageReceived, false);
}
</script>
/**
                     * Sets up the actions for the buttons that will perform simple
                     * api calls to Froogaloop (play, pause, etc.). These api methods
                     * are actions performed on the player that take no parameters and
                     * return no values.
                     */
                    function setupSimpleButtons() {

                        var buttons = container.querySelector('div .simple'),
                            playBtn = buttons.querySelector('.play'),
                            pauseBtn = buttons.querySelector('.pause'),
                            unloadBtn = buttons.querySelector('.unload');

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

                        // Call pause when pause button clicked
                        addEvent(pauseBtn, 'click', function() {
                            froogaloop.api('pause');
                        }, false);

                        // Call unload when unload button clicked
                        addEvent(unloadBtn, 'click', function() {
                            froogaloop.api('unload');
                        }, false);
                    }



                    setupSimpleButtons();
                    setupEventListeners();