Hi guys/gals.
I have been trying to tackle a problem relating to using HTML5 as a background of a div container. Not to be confused with full page video.
Basically I have the following:
http://cdpn.io/DowGd
What I can’t seem to achieve is to have the video stretch the full width of the container but still retain a static height so that when the window is re-sized the video stays centered. I will be swapping out the video for an image on mobile devices and when the viewport falls below a certain width but until that breakpoint I just can’t seem to figure out how to get it to stay the same height as it’s parent.
Any ideas/help?
Thank you in advance.