Перемещение элемента управления barjs

Question

Я использую библиотеку video.js 4.12, и я хочу заменить элементы панели управления. Например, переместите одну из моих пользовательских кнопок во второй слот панели управления.

Как изменить порядок элементов на панели задач? Мне не повезло с Google.

Answer 1

Videojs место хорошего класса на элементы. Таким образом вы можете идентифицировать элементы панели управления.

Для обработки заказа элемента, я использовал Jquery:

var createPrevButton = function() { 
     var props = { 
      className: 'vjs-control player-prev-button', //We use this class in Jquery 
      innerHTML: '<div class="vjs-control-content"></div>', 
      role: 'button', 
      'aria-live': 'polite', 
      tabIndex: 0 
     }; 

     return videojs.Component.prototype.createEl(null, props); 
    }; 

var myPlayer = me.player = videojs(me.idVideo, { 
     plugins : { chapters : {} }, 
     children: { 
      controlBar: { 
       children: [ 
        { 
         name: 'playToggle' 
        }, 
        { 
         name: 'currentTimeDisplay' 
        }, 
        { 
         name: 'timeDivider' 
        }, 
        { 
         name: 'durationDisplay' 
        } 
        /* 
        ........... 
        */ 
       ] 
      } 
     } 
    }); 


$(".player-prev-button").insertAfter(".vjs-play-control"); 
$(".player-next-button").insertAfter(".player-prev-button"); 

После моего создания экземпляра плеера просто обрабатывать деталь Jquery. Я думаю, что это лучше, чем использование CSS. Но лучший способ должен быть по выбору videojs или что-то вроде этого