Title: Full Width Video Help
Last modified: January 1, 2021

---

# Full Width Video Help

 *  Resolved [jwalt](https://wordpress.org/support/users/jwalt/)
 * (@jwalt)
 * [5 years, 5 months ago](https://wordpress.org/support/topic/full-width-video-help/)
 * Hello,
 * I am trying to make a video on a page take up the entire space, resulting in 
   no white space. However, changing the width/height values is not making the video
   take up the full page.
 * The code I am using is
 *     ```
       <p class=""><video id="wp-custom-header-video" src="http://cornerbocker.com/about.mp4" autoplay="autoplay" loop="loop" width="2000" height="1080"></video></p>
       ```
   
 * That is currently resulting in this: [https://i.imgur.com/y9EbxSN.jpg](https://i.imgur.com/y9EbxSN.jpg)
 * Essentially, what I want is the video to take up the entire page, except for 
   the navigation bar at the top of the page. I also have the page set to “Full 
   Width”
 * Any idea how I can go about achieving this? I’ve tried several different things
   but I can’t seem to figure it out. Any help is greatly appreciated!
 * Thank you.

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

 *  [Brad Taunt](https://wordpress.org/support/users/uglyduck/)
 * (@uglyduck)
 * [5 years, 5 months ago](https://wordpress.org/support/topic/full-width-video-help/#post-13854267)
 * If you could link to a live/staging website, it would be easier to troubleshoot.
 * As an initial guess, I would assume that possibly the `p` parent element is forcing
   it’s own width limitations on the `video` element.
 *  [Prabhat](https://wordpress.org/support/users/prabhatrai/)
 * (@prabhatrai)
 * [5 years, 5 months ago](https://wordpress.org/support/topic/full-width-video-help/#post-13855856)
 * Hey [@jwalt](https://wordpress.org/support/users/jwalt/),
    Could you share the
   link to the website where the issue is faced??
 *  Thread Starter [jwalt](https://wordpress.org/support/users/jwalt/)
 * (@jwalt)
 * [5 years, 5 months ago](https://wordpress.org/support/topic/full-width-video-help/#post-13856848)
 * Hi [@prabhatrai](https://wordpress.org/support/users/prabhatrai/) and [@uglyduck](https://wordpress.org/support/users/uglyduck/),
 * I am having the issue on this page here: [https://www.cornerbocker.com/header-video/](https://www.cornerbocker.com/header-video/)
 * Essentially, what I am trying to do, is have the handshake video take up the 
   entirety of the screen on [http://cornerbocker.com](http://cornerbocker.com),
   just like how the building video is displayed so that I can also display the 
   handshake video on this page, but I’m having issues with it taking up the entirety
   of the page.
 *  [Brad Taunt](https://wordpress.org/support/users/uglyduck/)
 * (@uglyduck)
 * [5 years, 5 months ago](https://wordpress.org/support/topic/full-width-video-help/#post-13857126)
 * [@jwalt](https://wordpress.org/support/users/jwalt/) your issue has to do with
   your content in that section being set within the `.container` class `div` element.
   The `width` attribute of that element is set to `width: 970px;` – which is forcing
   the video to follow those same restrictions.
 *  [Prabhat](https://wordpress.org/support/users/prabhatrai/)
 * (@prabhatrai)
 * [5 years, 5 months ago](https://wordpress.org/support/topic/full-width-video-help/#post-13858120)
 * Hey [@jwalt](https://wordpress.org/support/users/jwalt/),
    Add the below CSS 
   code in **Appearance->Customize->Additional CSS**:
 *     ```
       #page #content .wrap {
       	max-width: 100% !important;
       	padding: 0px !important;	
       }
       #page #content .wrap .col-md-12 {
       	padding: 0px !important;	
       }
   
       #page .site-branding{
       	display: none;
       }
       ```
   
 * Article to add custom CSS: [https://www.wpbeginner.com/plugins/how-to-easily-add-custom-css-to-your-wordpress-site/](https://www.wpbeginner.com/plugins/how-to-easily-add-custom-css-to-your-wordpress-site/)

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

The topic ‘Full Width Video Help’ is closed to new replies.

 * In: [Everything else WordPress](https://wordpress.org/support/forum/miscellaneous/)
 * 5 replies
 * 4 participants
 * Last reply from: [Prabhat](https://wordpress.org/support/users/prabhatrai/)
 * Last activity: [5 years, 5 months ago](https://wordpress.org/support/topic/full-width-video-help/#post-13858120)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics