0

これが私のプラグインです (デザイナーが 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....
4

0 に答える 0