Using HTML5
, CSS3
and/or JavaScript
.
How would it be suitable so that when playing a video it is put forward and the rest is left as shadow? I show you this image, I still don't have any code but I want to do something similar to what I'm going to show you
If it is wrong to ask without having the code yet or if it is wrong to ask without it being an error, I apologize and if necessary I will delete the question.
If the video container is already on the page, superimpose it on the image with
position absolute
and center it, if it is not on the page you can add it with a button on theevent click
withcreateElement
, in any of the cases when clicking you only have to change the opacity of the element that is under the container has the video. This script is an example of it: