Question

我在我的网站上使用Vimeo播放器播放视频。

我正在使用vimeo网站上提供的以下代码。

http://jsfiddle.net/bdougherty/HfwWY/light/

上面的jsfiddle链接来自vimeo播放器javascript api链接：https://developer.vimeo.com/player/js-api

我使用完全相同的代码，但iframe标签中的视频链接不同。

 <iframe src="http://player.vimeo.com/video/MY VIDEO CODE?api=1&amp;player_id=player1" width="400" height="225" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>

在视频加载之前，我正在显示加载图标。

我正在使用ready和play事件来隐藏加载图标。以下是我的代码。

    var iframe = $('#player1')[0];
    player = $f(iframe);

    var videoSource = $('iframe#player1').prop('src');
    $('iframe#player1').prop('src',videoSource + "&autoplay=1");

    if(player !== null && player !== undefined){
        $("#loadingIcon").show();

        // When the player is ready, add listeners for pause, finish, and playProgress
        player.addEvent('ready', function() {

            $("#loadingIcon").hide();

            player.addEvent('play', onPlay);
            //player.addEvent('pause', onPause);
            //player.addEvent('finish', onFinish);
            // player.addEvent('playProgress', onPlayProgress);
        });
    }


    // function onPause(id) {}

    // function onFinish(id) {}

    function onPlay(id) {
        if($("#loadingIcon").length > 0)
            $("#loadingIcon").hide();
    }

我遇到的问题是显示加载图标，并且在视频准备就绪或开始播放后不会隐藏。

以前，在我的https页面中，对象“player's”的值为null。所以我添加了if条件。它解决了这个问题。但是，现在即使这似乎也没有用。因此，当视频播放时，加载图标仍然存在。

除此之外，萤火虫还犯了错误：

错误：拒绝访问属性'toString'的权限。错误：拒绝访问属性'toString'的权限。错误：拒绝访问属性'toString'的权限。

（我已经粘贴了3次，因为firebug显示了3次）

但视频仍在播放。

如果有人之前遇到此问题，请提供帮助。

Answer 1

您需要FroogaLoop.js库

Answer 2

FroogaLoop.js被阻止，当我将其包含在网站中时，我不再遇到此错误。

https页面中的Vimeo播放器API $ f（iframe）值为null

2 个答案: