Tried this:

.wp-video {
text-align: center;
margin-left: auto;
margin-right: auto;
}

didnt work

Azam, sorry, i`m not big code guy. Where should i input this iframe code?

I can see that you added it to my code in custom css:

.wp-video {
text-align: center;
margin-left: auto;
margin-right: auto;
}
iframe {
display: flex;
}

But still it doesnt work. The video in https://stackdeal.ru/catalog/easysplitter/ still not centered. Or i dont understand what you mean?

Azam, sorry to bother you again about this freaking wp video embed.

But is it possible to make wp video box same width as text and images?

Check here http://joxi.ru/V2VbBjHkPR6R2v

.wp-video {
text-align: center;
margin-left: auto;
margin-right: auto;
}
iframe {
display: flex;
}

This code doesnt help with that.

maybe need to do something with this code?

@media(min-width: 1025px) {
.woocommerce div.product .woocommerce-tabs .panel .codeless-content {
width: 60%;
margin: 0px auto;
}
}

Thanks, bro

• This reply was modified 3 years, 6 months ago by slayoffer.

example https://saasninja.ru/catalog/soundwise/

Azam, thank you very much for adding this code by yourself! Looks great now!

Actually this example product has standard wp embedded video, as we decided to get rid of HTML5 Video plugin because it doesnt work with Clearfy plugin and it doesnt work with AppMySite service.

So will delete HTML5 soon, 20 bucks wasted =)

Azam sorry! Just today i noticed that on mobile version the height of WP video player is too big.

Please check http://joxi.ru/Q2KzpvHvP1D1mj

Is there any CSS solution for this?

Ok, great, thanks, Azam. I set height to 240px and now its looking nice on mobile. Is it ok that height is not set to auto now?

Thanks, bro. Cool then.