make the video on the center of the page

Question

how can i make the video on my website on the center of the page ??

.wp-video-shortcode video, video.wp-video-shortcode {
    max-width: 100%;
    display: inline-block;
}
.mejs-mediaelement {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

If the answer below answered your question, please mark as answered. Thank you. — toolbox3, Feb 08 '17 at 21:40

score -1 · Answer 1 · answered Feb 08 '17 at 20:09

-1

Try adding margin to the wp-video class

 .wp-video
 {   
 margin: 0px auto;
 }

answered Feb 08 '17 at 20:09

toolbox3

116
9

[Not working](https://jsfiddle.net/websiter/n4kxy8LL/)... – tao Feb 08 '17 at 20:15
The parent div is 100% width already on his page, so it does works. Put a 100% width container around the div that he wants centered. – toolbox3 Feb 08 '17 at 20:21

make the video on the center of the page

1 Answers1