How to create video slider with HTML overlay?

Support Forums for LiveMesh Themes & Plugins Forums Agile Theme Support How to create video slider with HTML overlay?

This topic is: resolved

This topic contains 6 replies, has 2 voices, and was last updated by Jhodgski jhodgski 5 years, 7 months ago.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #5890
    Jhodgski
    jhodgski
    Member
    Post count: 29

    I’m wanting to create a slider which contains a single slide, consisting of a background video (full width, no height crop, auto play) with my HTML form overlaid.

    I’ve noticed there a few video shortcodes, but not sure which one to use. I’ve tried creating a revslider but the video (currently retrieved from YouTube) doesn’t display, although the form does.

    Could you provide me with the steps do achieve this.

    Thanks,
    James

    #5904
    Ernesto
    Ernesto
    Member
    Post count: 702

    Hi, I entered your homepage and the video seems to be workind properly. Did you manage to solve this issue?

    #5906
    Jhodgski
    jhodgski
    Member
    Post count: 29

    No this is some development I am doing on my PC. It isn’t uploaded to the web yet.

    (Which URL were you referring to, by the way?)

    #5943
    Ernesto
    Ernesto
    Member
    Post count: 702

    Hi, I´d a screenshot of where you want to position the HTML form to know how to do it. I believe your best option is going with a RevSlider.

    #5965
    Jhodgski
    jhodgski
    Member
    Post count: 29

    Hiya,

    Yes, I’ve ended up using Revolution Slider and have it sorted now. Not too tricky once you’ve worked out what’s what!…

    Any idea, though, how I can get the full video to show? The video is 600px by 480px and currently the bottom part of the vid is getting trimmed off. I’ve tried all the settings in the “Video Size:” options but nothing seems to successfully get the whole vid to display.

    Cheers,
    James

    #5980
    Ernesto
    Ernesto
    Member
    Post count: 702

    Hi, since I cannot see how you´re producing the code I find my hands a little tied. However, one thing that comes to my mind is that you set the width of the element containing the video on an absolute value, and the video on another absolute value, only lower.

    However, if that doesn´t work, and you have a link or something we can check, we´d be more than happy to assist you.

    #5985
    Jhodgski
    jhodgski
    Member
    Post count: 29

    I’ve found the height is hard set to 600px in the Slider Settings screen, so I just need to change that. Thanks for your help.

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

The topic ‘How to create video slider with HTML overlay?’ is closed to new replies.