Title: Header Video
Last modified: December 16, 2018

---

# Header Video

 *  [rosudel](https://wordpress.org/support/users/rosudel/)
 * (@rosudel)
 * [7 years, 4 months ago](https://wordpress.org/support/topic/header-video-5/)
 * I’ve set a video in the header background. I want to reduce the height of the
   video without changing the widht.
 * I’m using this code
    .wp-custom-header video { display: block; height: 550px;
   max-width: 100%; width: 100%; }
 * instead of the this default code below:
 *  .wp-custom-header video {
    display: block; height: auto; max-width: 100%; width:
   100%;}
 * Its getting the height reduced but also the width got reduced. I want the widht
   just 100% not reduced. please help me how to do that……
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fheader-video-5%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 3 replies - 1 through 3 (of 3 total)

 *  [Kharis Sulistiyono](https://wordpress.org/support/users/kharisblank/)
 * (@kharisblank)
 * [7 years, 4 months ago](https://wordpress.org/support/topic/header-video-5/#post-10995973)
 * Hello there,
 * There’s no CSS code we can use to control video size. As video will adjust itself
   depending on its ratio. You should manually manage it with a video editing program.
   Use one of these recommended ratios that meets your need.
 * [https://support.google.com/youtube/answer/6375112?co=GENIE.Platform%3DDesktop&hl=en](https://support.google.com/youtube/answer/6375112?co=GENIE.Platform%3DDesktop&hl=en)
 * Regards,
    Kharis
 *  Thread Starter [rosudel](https://wordpress.org/support/users/rosudel/)
 * (@rosudel)
 * [7 years, 4 months ago](https://wordpress.org/support/topic/header-video-5/#post-10997423)
 * My video is not from youtube. Its my own video & I’ve uploaded it in header background.
   Now just to reduced the height by containing the widh 100%..
 *  [cosette2786](https://wordpress.org/support/users/cosette2786/)
 * (@cosette2786)
 * [7 years, 2 months ago](https://wordpress.org/support/topic/header-video-5/#post-11212432)
 * Hi,
    How could add text over video header ????

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Header Video’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/astrid/1.20/screenshot.png)
 * Astrid
 * [Support Threads](https://wordpress.org/support/theme/astrid/)
 * [Active Topics](https://wordpress.org/support/theme/astrid/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/astrid/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/astrid/reviews/)

## Tags

 * [background](https://wordpress.org/support/topic-tag/background/)
 * [header](https://wordpress.org/support/topic-tag/header/)
 * [header video](https://wordpress.org/support/topic-tag/header-video/)

 * 3 replies
 * 3 participants
 * Last reply from: [cosette2786](https://wordpress.org/support/users/cosette2786/)
 * Last activity: [7 years, 2 months ago](https://wordpress.org/support/topic/header-video-5/#post-11212432)
 * Status: not resolved