Question

Столкнулся с проблемой развертывания видео из материала с ютуба:

В чем может быть причина? 

В маленьком окне все нормально!

Answer 1

Попробуйте в стили добавить:

.content iframe {max-width:100%!important;height:auto;}

удалите свой прелоадер(фото которое отображается при загрузке сайта), он больше мешает чем помогает.

Comments

Теперь окно  встраимого видео вот:

Видео все равно так  же не растягиваеться!

НО в мобильной версии все работает, так в чем еще может быть причина?

Если убрать его, то анимация работать коррекно не будет.

---

Константин Владыкин,

удалите height:auto;  либо пропишите max-height:360px;

---

Yuri_Geruk,

С окном прописал, но проблема не решена ((( При нажатие на весь экран он не растягивает видео.

Есть предположения как поправить еще?

---

Константин Владыкин,

Удалите правки выше, после перейдите в файл стилей animate.css удалите стили:

-webkit-animation-fill-mode: both;
   -moz-animation-fill-mode: both;
     -o-animation-fill-mode: both;
        animation-fill-mode: both;

в них причина проблемы с видео.

---

Yuri_Geruk,

Огромное человеческое спасибо!!!!

Все заработало) начал изучать css )))