Юрий Уваров

flex в ie11 работает только с явно заданными величинами.
Гуглите flex ie11 height 0

У тебя обработчик на скролл всего окна, Событие не срабатывает когда ты скролиш блок.

Вывести пост по id WordPress?

Делал сайт на Open Server через Wordpress - скорее наоборот сайт на wordpress, сервер через Open Server
По делу: в файле hosts нужно прописать новый адрес сайта, если используете виртуальный хост:
127.0.0.1 sitename.RU
Гуглите: настройка виртуального хоста nginx

https://jsfiddle.net/av17zej3/
заменить:
.menu menu:hover nav { display:block; }
на
.menu menu a:hover+nav { display:block; }

Вы задали z-index для .header .catalog-menu .catalog-menu__item ul li a
z-index: 2, но у родителя .header .catalog-menu .catalog-menu__item
стоит z-index: 4, это называется наследование, если у родителя большой z-index то на вложенные элементы он так же распространяется.

margin-top: 1px;
margin-left: 1px;
Нужно смотреть что с ними происходит при hover
Лучше вообще не использовать margin с флексами, по крайней мере тут, как альтернатива: border-left: 1px solid #fff; border-top: 1px solid #fff;

position: fixed; для меню
У вас шапка находится в общем контейнере с id="fullpage" конечно не будет работать. Шапку вытащите из id="fullpage"

Не нужно использовать ссылки для модальных окон, для этого есть button, но даже и без него можно обойтись используя data.
Например:

<img src="images/right.png" alt="right" data-href="путь к видео">

Создавать лишнюю разметку для JS не нужно.
Относительно вашей задачи: https://codepen.io/WEBBRACE/pen/PoqypMG
При нажатии на ссылку с классом play передается атрибут src тегу source с классом source.