I have seeb little if anything in this forum regarding the use of video instead of slider images in the header. The instructions recommend dimensions of 2000 x 400 with a max-size of 5M (neither of which are feasible in creating a quality video) in uploading a video. The alternative method is to use a YouTube video url, which is the most viable option. The problem is adjusting the video within its container so that it correctly covers the screen in various sizes. I haven’t found much documentation on this so perhaps I could get some enlightenment through this forum.
Thanks for the quick response! The site is here. I currently have a youtube url inserted for the video. When the screen is maximized, the video fills the container, as it should. However, when the screen is resized there is space at the top (above the video) and below the video. I can see that there are inline dimensions within the youtube iframe and I’m trying to work around this by over-riding with CSS. Any pointers would be greatly appreciated.
I tried your approach and it didn’t seem to affect anything but it got me thinking about how the media query CSS is the area that needs to be altered. I surely appreciate your looking into this. As I’m on the free version, I know that the level of support is not quite the same as the paid version but I may be able to persuade my client to opt for the premium version in the very near future.