COMMUNITY FORUM

Responsive video width

Start
Prev
1
Next
End

john
Topic Author
Offline
New Member

10 years 11 months ago #133828 by john

Responsive video width was created by john

Greetings,
I found in another topic the CSS rule to lower the width of the responsive layout so that the video can take up to 60% or 70% of the content width.

/*.avVideo .avPlayerContainer .avPlayerBlock {width:60%!important;position:relative;padding:0 0 50% 0!important; height: 0; overflow: hidden;text-align:center;}

.avVideo .avPlayerContainer .avPlayerBlock video {position:absolute!important;top:0;left:0;min-width:50%;min-height:60%;max-height:100%;}*/

What I can't find is how to align the video to the center of the content area.
Any suggestions?

Please Log in or Create an account to join the conversation.

Lefteris
Offline
Platinum Member

10 years 11 months ago #133836 by Lefteris

Replied by Lefteris on topic Responsive video width

Hi. To align any HTML block element you can use the following CSS rule:

.elementClassName {
margin: 0 auto;
}

Please Log in or Create an account to join the conversation.

john
Topic Author
Offline
New Member

10 years 11 months ago #133850 by john

Replied by john on topic Responsive video width [solved]

Thank you very much, that did the trick! :)

Please Log in or Create an account to join the conversation.

Lefteris
Offline
Platinum Member

10 years 11 months ago #133881 by Lefteris

Replied by Lefteris on topic Responsive video width [solved]

You are welcome.

Please Log in or Create an account to join the conversation.

Start
Prev
1
Next
End