Alex McArrow

ExtJS (https://ru.wikipedia.org/wiki/Ext_JS)

Не знаю на сколько это верно и красиво, но вроде работает как нужно - https://jsfiddle.net/8xzy5afL/3/

#query и #data вместо float -> display: inline-block;
и вот так

#wrap2 .secondMenu ul {
        max-width: 49%;
        margin: 0;
        padding: 0;
      }

что бы эти два блока не были слишком широкими

Попробуйте так:

.navigation li:hover {
    border-bottom: 2px solid white;
    transition: none;
    margin-bottom: -2px;
}

Решением может послужить следующее:

• не загружать ни какого видео
  
• проверяем (javascipt) если указано видео - грузим указанное, если нет - первое
  

Я так полагаю, исходя из описанного вами, что скрипт загрузки нужного видео уже есть - нужно только модифицировать его