How to add video in post (not embed from youtube)

Hi,

when I adding video in post and set post type to “video” there is problems with layout. Video not re-sizing, it’s wider than post page and in front page It also is in full width and visible is only part of video player.

I need instructions how to add video from media library.

For me it’s important to play video from front page (thumbnail) and if visitor is interested to watch video, he/she can visit post page.

In you demo that’s works perfectly, but I can’t get it on my website.

5 Answers

Jackie Lord
answered 10 years ago

Please find and remove those following codes in template.css file in the folder path : /wp-content/themes/wallpress/assets/css/

Line 309 – 314:

iframe,
embed {
    display: block;
    margin: 10px auto;
    max-width: 100%;
}

Line 1425 – 1428:

.single .format-video iframe,
.single .format-video embed {
    height: 360px;
}

Line 1817 – 1821:

.post.format-video iframe,
.post.format-video embed {
    width: 100% !important;
    height: 400px;
}

Note: the content width is 540px, so you should insert the video and change the video width in the shortcode to 540px to display it properly.

Felikss Veilands
answered 10 years ago

Thanks, but it not works 🙁

I’ve disabled these lines, so in post video looks correct but there is problem in main page – in excerpt video still is in full width.

where else I can look for solution?

Jackie Lord
answered 10 years ago

Can you send me a screenshot for further checking.

Felikss Veilands
answered 10 years ago

Hi,

here it is (first item on wall)

Jackie Lord
answered 10 years ago

Please try to change the value of Width and Height in the shortcode when embed the video into an article: