flowplayer - 如何播放视频?

时间:2014-06-30 14:02:29

标签: jquery flowplayer

以下是我尝试使用的代码:

// configure rtmp for this demo
flowplayer.conf.rtmp = "rtmp://s3b78u0kbtx79q.cloudfront.net/cfx/st";
flowplayer.conf.ratio = 0.4167;
flowplayer(function (api, root) {

    // when a new video is about to be loaded
    api.bind("load", function () {

    // when a video is loaded and ready to play
    }).bind("ready", function () {
        $('video').trigger('click');
        var api = flowplayer();
    });

    api.load([{
        webm: "http://stream.flowplayer.org/bauhaus/624x260" + ".webm"
    },
    ]);
});

演示:

FIDDLE

但是我不明白,并没有看到这种情况的演示或示例:

javascript选择视频源,视频加载和播放。不同的视频可以是50-150,我不确定,所以我们不要在页面上加载它们。

而不是页面刷新。

据我所知,api.load应该播放视频,但事实并非如此,用户需要用鼠标点击。

尝试使用jQuery触发click事件,但这没有帮助。

更新

当从jsfiddle复制并在我的localhost服务器上运行时,javascript抛出错误:

Uncaught TypeError:无法读取未定义的flowplayer.js属性'pick':232

load: function(video, callback) {

        if (api.error || api.loading || api.disabled) return;

        // resolve URL
        video = urlResolver.resolve(video);

        // engine.pick - library here throws error in my test page on local computer
        $.extend(video, engine.pick(video.sources));

        if (video.src) {
           var e = $.Event("load");
           root.trigger(e, [api, video, engine]);

           if (!e.isDefaultPrevented()) {
              engine.load(video);

              // callback
              if ($.isFunction(video)) callback = video;
              if (callback) root.one("ready", callback);
           } else {
              api.loading = false;
           }
        }

        return api;
     },

0 个答案:

没有答案