custom source selecting function in options

lib/videojs-resolution-switcher.js

@@ -15,13 +15,13 @@
   }
 
   (function(window, videojs) {
-    
+
-  
+
     var defaults = {},
         videoJsResolutionSwitcher,
         currentResolution = {}, // stores current resolution
-        menuItemsHolder = {}; // stores menuItems 
+        menuItemsHolder = {}; // stores menuItems
-  
+
     function setSourcesSanitized(player, sources, label, customSourcePicker) {
       currentResolution = {
         label: label,
@@ -34,7 +34,7 @@
         return {src: src.src, type: src.type, res: src.res};
       }));
     }
-  
+
   /*
    * Resolution menu item
    */
@@ -71,6 +71,10 @@
       if(!isPaused){
         this.player_.bigPlayButton.hide();
       }
+      if(typeof customSourcePicker !== 'function' &&
+        typeof this.options_.customSourcePicker === 'function'){
+        customSourcePicker = this.options_.customSourcePicker;
+      }
       // Change player source and wait for loadeddata event, then play video
       // loadedmetadata doesn't work right now for flash.
       // Probably because of https://github.com/videojs/video-js-swf/issues/124
@@ -85,8 +89,8 @@
         });
       }
     });
-  
+
-  
+
     /*
      * Resolution menu button
      */
@@ -97,9 +101,9 @@
         this.label = label;
         this.label.innerHTML = options.initialySelectedLabel;
         // Sets this.player_, this.options_ and initializes the component
-        MenuButton.call(this, player, options);
+        MenuButton.call(this, player, options, settings);
         this.controlText('Quality');
-  
+
         if(settings.dynamicLabel){
           this.el().appendChild(label);
         }else{
@@ -116,7 +120,7 @@
             item.selected(item === clickedItem);
           });
          };
-  
+         
          for (var key in labels) {
            if (labels.hasOwnProperty(key)) {
             menuItems.push(new ResolutionMenuItem(
@@ -124,7 +128,8 @@
               {
                 label: key,
                 src: labels[key],
-                initialySelected: key === this.options_.initialySelectedLabel
+                initialySelected: key === this.options_.initialySelectedLabel,
+                customSourcePicker: this.options_.customSourcePicker
               },
               onClickUnselectOthers,
               this.label));
@@ -135,7 +140,7 @@
          return menuItems;
        }
      });
-  
+
     /**
      * Initialize the plugin.
      * @param {object} [options] configuration for the plugin
@@ -144,9 +149,9 @@
       var settings = videojs.mergeOptions(defaults, options),
           player = this,
           label = document.createElement('span');
-  
+
       label.classList.add('vjs-resolution-button-label');
-      
+
       /**
        * Updates player sources or returns current source URL
        * @param   {Array}  [src] array of sources [{src: '', type: '', label: '', res: ''}]
@@ -164,12 +169,12 @@
         src = src.sort(compareResolutions);
         var groupedSrc = bucketSources(src);
         var choosen = chooseSrc(groupedSrc, src);
-        var menuButton = new ResolutionMenuButton(player, { sources: groupedSrc, initialySelectedLabel: choosen.label , initialySelectedRes: choosen.res }, settings, label);
+        var menuButton = new ResolutionMenuButton(player, { sources: groupedSrc, initialySelectedLabel: choosen.label , initialySelectedRes: choosen.res , customSourcePicker: settings.cusotomSourcPicker}, settings, label);
         menuButton.el().classList.add('vjs-resolution-button');
         player.controlBar.resolutionSwitcher = player.controlBar.addChild(menuButton);
         return setSourcesSanitized(player, choosen.sources, choosen.label);
       };
-      
+
       /**
        * Returns current resolution or sets one when label is specified
        * @param {String}   [label]         label name
@@ -183,7 +188,7 @@
         }
         return player;
       };
-  
+
       /**
        * Method used for sorting list of sources
        * @param   {Object} a - source object with res property
@@ -194,7 +199,7 @@
         if(!a.res || !b.res){ return 0; }
         return (+b.res)-(+a.res);
       }
-  
+
       /**
        * Group sources by label, resolution and type
        * @param   {Array}  src Array of sources
@@ -210,24 +215,24 @@
           initResolutionKey(resolutions, 'label', source);
           initResolutionKey(resolutions, 'res', source);
           initResolutionKey(resolutions, 'type', source);
-  
+
           appendSourceToKey(resolutions, 'label', source);
           appendSourceToKey(resolutions, 'res', source);
           appendSourceToKey(resolutions, 'type', source);
         });
         return resolutions;
       }
-  
+
       function initResolutionKey(resolutions, key, source) {
         if(resolutions[key][source[key]] == null) {
           resolutions[key][source[key]] = [];
         }
       }
-  
+
       function appendSourceToKey(resolutions, key, source) {
         resolutions[key][source[key]].push(source);
       }
-  
+
       /**
        * Choose src if option.default is specified
        * @param   {Object} groupedSrc {res: { key: [] }}
@@ -247,13 +252,13 @@
         } else if (groupedSrc.res[selectedRes]) {
           selectedLabel = groupedSrc.res[selectedRes][0].label;
         }
-        
+
         if(selectedRes === undefined){
           return {res: selectedRes, label: selectedLabel, sources: groupedSrc.label[selectedLabel]};
         }
         return {res: selectedRes, label: selectedLabel, sources: groupedSrc.res[selectedRes]};
       }
-  
+
       // Create resolution switcher for videos form <source> tag inside <video>
       if(player.options_.sources.length > 1){
         // Wait for player ready event
@@ -261,9 +266,9 @@
           player.updateSrc(player.options_.sources);
         });
       }
-  
+
     };
-  
+
     // register the plugin
     videojs.plugin('videoJsResolutionSwitcher', videoJsResolutionSwitcher);
   })(window, videojs);