COMMUNITY FORUM

Responsive video width

Start
Prev
1
Next
End

john
Topic Author
Offline
New Member

9 years 5 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
Moderator

9 years 5 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;
}

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

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

john
Topic Author
Offline
New Member

9 years 5 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
Moderator

9 years 5 months ago #133881 by Lefteris

Replied by Lefteris on topic Responsive video width [solved]

You are welcome.

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

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

Start
Prev
1
Next
End