相关疑难解决方法(0)

Vimeo Froogaloop API无法识别事件

我正在尝试使用froogaloop API识别vimeo的onPlay,onPause和onFinish事件.我尝试过用这个东西想象的一切,没有运气.

我在Firefox上遇到此错误:

<code> <http://player.vimeo.com> </ code>的权限被拒绝获取宠物属性Location.toString

在Chrome中:

不安全的javascript尝试使用URL访问框架...来自URL为http://player.vimeo.com/video/3718294?api=1的框架. 域,协议和端口必须匹配.

从CDN导入froogaloop:

<script src="http://a.vimeocdn.com/js/froogaloop2.min.js"></script>
Run Code Online (Sandbox Code Playgroud)

我的JS:

$(function(){

    var vimeoPlayer = document.querySelector('iframe');

    $f(vimeoPlayer).addEvent('ready', ready);

    function ready(player_id) {

        froogaloop = $f(player_id);

        function setupEventListeners() {
            function onPlay() {
                froogaloop.addEvent('play',
                function(data) {
                    console.log('play event');
                });
            }

            function onPause() {

                froogaloop.addEvent('pause',
                function(data) {
                    console.log('pause event');
                });
            }

            function onFinish() {
                froogaloop.addEvent('finish',
                function(data) {
                    console.log('finish');
                });
            }
            onPlay();
            onPause();
            onFinish();
        }
        setupEventListeners();
    }

})
Run Code Online (Sandbox Code Playgroud)

我的HTML:

<iframe src="http://player.vimeo.com/video/3718294?api=1" width="623" height="350" frameborder="0" id="iframe-video"></iframe>
Run Code Online (Sandbox Code Playgroud)

javascript iframe jquery vimeo froogaloop

23
推荐指数
1
解决办法
2万
查看次数

标签 统计

froogaloop ×1

iframe ×1

javascript ×1

jquery ×1

vimeo ×1