これが私のプラグインです (デザイナーが Flowplayer を私のサイトに簡単に追加できるようにしようとしています)
(function ($) {
$.fn.irvVideoPlayer = function (options) {
var settings = $.extend({
'fpKey': '#@12345678905',
'videoPath': 'path-to-my-video.mp4',
'seekTo': 1,
'autoPlay': true,
'src': "/flash/flowplayer/flowplayer.commercial-3.2.9.swf"
}, options);
return this.each(function () {
var $this = $(this);
var firstTimeVisitor, playedOnce;
firstTimeVisitor = function () {
if ($.cookie("videoplayerhome") == null) {
firstTimeVisitor = null;
$.cookie("videoplayerhome", "Video Loaded", {
path: "/",
expires: 30
})
} else {
this.seek(settings.seekTo).pause();
$.cookie("playedOnce", "User Pressed Play");
}
}
playedOnce = function () {
if ($.cookie("playedOnce") == null) {
playedOnce = null
} else {
$f().seek(0);
$.cookie("playedOnce", null);
}
};
fpPlayer = {
src: settings.src,
wmode: "transparent"
};
this.fpConfig = {
key: settings.fpKey,
plugins: {
controls: {
autoHide: false,
background: "#272D6A",
backgroundGradient: "none"
},
lighttpd: {
url: "/flash/flowplayer/flowplayer.pseudostreaming-3.2.9.swf"
}
},
clip: {
provider: "lighttpd",
autoBuffering: true,
ipadUrl: settings.videoPath + "/playlist.m3u8",
autoPlay: settings.autoPlay
},
onStart: firstTimeVisitor,
onResume: playedOnce,
playlist: [{
url: settings.videoPath
}],
canvas: {
background: "#000000",
backgroundGradient: "none"
}
}
$(this, fpPlayer, this.fpConfigSetup()).ipad();
});
return this.initialize();
};
})(jQuery);
そして、このプラグインを次のように使用できます。
$('#homePageVideo').irvVideoPlayer({
seekTo: 10
});
しかし、時々、fpConfig で設定されたすべてのプロパティを取得する必要があり、次のようなことができるようにしたいと考えています。
fpConfig.plugins.controls.all = false;
fpConfig.plugins.controls.play = true;
fpConfig.plugins.controls.scrubber = true;
fpConfig.canvas.background = "#444444"
// etc....