function initializeOverlay() {
      breakOverlay = _video2.default.dom.createEl('div', {
        className: 'vjs-break-overlay',
        innerHTML: "<div class='vjs-break-overlay-text'></div>"
      });
      Object.keys(setting.breakOverlay.style).forEach(function (key) {
        if (breakOverlay) {
          breakOverlay.style[key] = setting.breakOverlay.style[key];
        }
      });
      player.el().appendChild(breakOverlay);
      overlayIndex = NULL_INDEX;
    }
// problem when the next marker is within the overlay display time from the previous marker
problem when the next marker is within the overlay display time from the previous marker
problem when the next marker is within the overlay display time from the previous marker
function initializeOverlay() {
      breakOverlay = _video2.default.dom.createEl('div', {
        className: 'vjs-break-overlay',
        innerHTML: "<div class='vjs-break-overlay-text'></div>"
      });
      Object.keys(setting.breakOverlay.style).forEach(function (key) {
        if (breakOverlay) {
          breakOverlay.style[key] = setting.breakOverlay.style[key];
        }
      });
      player.el().appendChild(breakOverlay);
      overlayIndex = NULL_INDEX;
    }
function initializeOverlay ( ) { breakOverlay = _video2 . default . dom . createEl ( 'div' , { className : 'vjs-break-overlay' , innerHTML : "<div class='vjs-break-overlay-text'></div>" } ) ; Object . keys ( setting . breakOverlay . style ) . forEach ( function ( key ) { if ( breakOverlay ) { breakOverlay . style [ key ] = setting . breakOverlay . style [ key ] ; } } ) ; player . el ( ) . appendChild ( breakOverlay ) ; overlayIndex = NULL_INDEX ; }
problem when the next marker is within the overlay display time from the previous marker
problem when the next marker is within the overlay display time from the previous marker