Tagged: , , ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • July 10, 2018 at 1:03 pm #983633
    Livingbrian

    Hi,

    I inserted a video element (vimeo link) in to a color section on top of the home page, just to give users the option to start the video manually. Then I tried to scale the video to 100% height, no matter what screen size users have. This scaling worked fine with a fullscreen video background in a color section. But I can’t get it working by inserting a video element and building some css around it. Can you help, please?

    Cheers
    Matthias

    July 10, 2018 at 10:37 pm #983889
    Jordan Shannon

    Hey Matthias,

    You’re looking to make it 100% of the screen even above the navigation or will the navigation remain on top? Please refer to the following for some guidance on how this may be achieved:

    Best regards,
    Jordan Shannon

    July 11, 2018 at 10:22 am #984104
    Livingbrian

    Hey Jordan,

    many thanks for your guidance. Yes, the navigation must remain on top. Unfortunately, your proposal didn’t work. The delivered css makes color section no. 2 disappear and color section no. 3 cover the video, while the video still doesn’t fit in 100 % screen height. Perhaps caused by a misunderstanding: The video is inserted by the video element, not as color section background. Any suggestion?

    July 11, 2018 at 12:02 pm #984167
    Victoria

    Hi Livingbrian,

    You can use the video as background for color section instead of the video element or a fullscreen slider, those are meant for cases like that.

    Best regards,
    Victoria

    July 11, 2018 at 1:31 pm #984218
    Livingbrian

    Hi Victoria,

    is there an option to allow users to start the video manually on demand, if inserted as a color section background? if no, please see my initial post.

    Regards
    Matthias

    July 11, 2018 at 6:46 pm #984330
    Livingbrian

    Hi Victoria,

    I’m fine with the fullscreen slider solution. Thanks for your help.

    Cheers
    Matthias

    July 12, 2018 at 5:58 am #984497
    Rikard

    Hi Matthias,

    Thanks for the feedback. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    July 12, 2018 at 7:32 am #984541
    Livingbrian

    This topic can be closed. Many thanks for your assistance.
    Matthias

    July 12, 2018 at 12:36 pm #984666
    Rikard

    Hi,

    Thanks for letting us know. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘How to scale video element to 100 % height of screen’ is closed to new replies.