使用Vimeo api,尝试暂停页面上的所有视频

时间:2013-08-12 05:37:32

标签: javascript jquery json iframe vimeo

此处有一个页面:http://www.friedmanllp.com/experienced_hires_people2.php

尝试暂停所有视频。我使用了以下代码的略微修改版本:http://vimeo.com/forums/api/topic:44202

$(window).load(function() {
    //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.each(function(){this.contentWindow.postMessage(JSON.stringify(data), url);});
    }

    // Play & Pause 
    $('.playerpause').click(function() {
        post('pause');
    });

    if (window.addEventListener){
        window.addEventListener('message', onMessageReceived, false);
    } else { // IE
        window.attachEvent('onmessage', onMessageReceived, false);
    }
});

这是点击附加到的元素:

    <td height="38" valign="top" class="people_name2 playerpause"><a id="name1">Name 1</a></td>

这里是iframe元素(页面上共有五个):

    <iframe class="player" src="http://player.vimeo.com/video/71894493?color=6da2de?api=1&title=1&byline=0&portrait=0" width="398" height="224" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>

控制台中出现了一堆错误,我似乎无法解决。视频播放效果很好,但不会停顿。

有人有没有?

1 个答案:

答案 0 :(得分:0)

尝试使用Froogaloop API,以便轻松与播放器进行互动。我相信你会找到一种简单的方法来使用该API做你想做的事。