Header Media – Video instead of Slider

Home Forums Himalayas Free Header Media – Video instead of Slider

This topic contains 5 replies, has 3 voices, and was last updated by  Nilan 2 weeks ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1380318

    stephen.dowell
    Participant

    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.

    #1380368

    Ashish
    Moderator

    Hi @stephen.dowell
    Are you getting any issue regarding responsiveness of video on your site? If so, can you provide us URL for your website so that we can inspect it and give you a proper solution?

    Regards,
    ThemeGrill Support Team.

    #1380384

    stephen.dowell
    Participant

    Hi Ashish,

    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.

    Thanks again!

    #1380524

    stephen.dowell
    Participant

    Ultimately, I’d like to have the slider and the mp4 working together – i.e. The slider titles and links super-imposed over the video but that would require quite a bit of customization.

    #1380631

    Nilan
    Moderator

    Hi Stephen,
    Please try the following CSS code.

    @media (max-width: 768px) {
        #wp-custom-header-video {
            height: 100%;
        }
    }

    Regards,
    ThemeGrill Support

    #1380648

    stephen.dowell
    Participant

    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.

    Anyway, thanks for your help!

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.