How to fade in/fade out video?

Question

JavaScript

Hello.

Can you please tell me how to make the video fade in and out when changing the url?
I made an example, https://jsfiddle.net/Lwnf6cqh/ click on the links

Tried using fadeOut, fadeIn, didn't work

UPD: doper itself, now it works as it should https://jsfiddle.net/ts31yue2/1/ but I wonder how correct this is the code? I would be grateful if you could show me how.

Answer 1

Don't mix pure JS and jQuery.
https://jsfiddle.net/ts31yue2/2/ - here is a more competent option, there are dozens of different ways)

Answer 2

))

Answer 3

In order not to fence anything, you just need to place some div with a background color on top of the video. Here's how to animate it.