Как сделать плавное затухание/появление видео?

Question

[massef]

Привет.

Подскажите пожалуйста как сделать плавное затухание и появление видео при смене урла?
Сделал пример, https://jsfiddle.net/Lwnf6cqh/ кликайте по ссылкам

Пробовал через fadeOut, fadeIn, не сработало

UPD: сам допер, теперь работает как надо https://jsfiddle.net/ts31yue2/1/ но интересно насколько это правильный код? Буду благодарен если покажете как правильно.

Answer 1

[IceJOKER]

Не стоит смешивать чистый JS и jQuery.

https://jsfiddle.net/ts31yue2/2/ - вот более грамотный вариант, есть десятки разных способов )

Comments

[massef]

спасибо большое

Answer 2

[Seva Sargsyan]

))

Answer 3

[profesor08]

Чтоб не городить всякое, вам надо лишь разместить поверх видео некоторый div с цветом фона. Вот его и анимировать.