- Posts: 3
COMMUNITY FORUM
Responsive video set with maximum width
- Fernando
-
Topic Author
- Offline
- New Member
Less
More
10 years 1 month ago #141378
by Fernando
Responsive video set with maximum width was created by Fernando
Hi, In some templates or module positions, responsive youtube video gets to be too big in width values. Sometimes the entire width of the screen.
Is it possible to impose a maximum width value of 500px width on desktop display, keeping it responsive in narrower screen display(Iphone, etc.)?
Thanks for your help.
Is it possible to impose a maximum width value of 500px width on desktop display, keeping it responsive in narrower screen display(Iphone, etc.)?
Thanks for your help.
Please Log in or Create an account to join the conversation.
- Lefteris
-
- Offline
- Moderator
Less
More
- Posts: 8743
10 years 1 month ago #141391
by Lefteris
JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
Replied by Lefteris on topic Responsive video set with maximum width
Hi,
The container of the video has a width of 100%. So if you put it inside a container with a fixed ( or max ) width it will work as expected.
The container of the video has a width of 100%. So if you put it inside a container with a fixed ( or max ) width it will work as expected.
JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
Please Log in or Create an account to join the conversation.
- bertm
-
- Offline
- New Member
Less
More
- Posts: 4
10 years 1 month ago #141487
by bertm
Replied by bertm on topic Responsive video set with maximum width
Same issue, but with one enhancement. I would like article text to flow around the 'smaller' video player (esp as the page is resized). I am using VIMEO. I tried wrapping the video player bot command in a div like this:
<div style="float: left; max-width:600px; margin: 10px 25px 10px 0px;"></div>
I tried giving the DIV an ID and using CSS. No dice. The video player just does not show up. Works fine in a DIV without FLOAT. But it leaves a huge open space on the page.
<div style="float: left; max-width:600px; margin: 10px 25px 10px 0px;"></div>
I tried giving the DIV an ID and using CSS. No dice. The video player just does not show up. Works fine in a DIV without FLOAT. But it leaves a huge open space on the page.
Please Log in or Create an account to join the conversation.
- Lefteris
-
- Offline
- Moderator
Less
More
- Posts: 8743
10 years 1 month ago #141507
by Lefteris
JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
Replied by Lefteris on topic Responsive video set with maximum width
@bertm
Since you didn't provide a link, i am just guessing, but it sounds like you should add a height value for the container.
Since you didn't provide a link, i am just guessing, but it sounds like you should add a height value for the container.
JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
Please Log in or Create an account to join the conversation.