- Posts: 1
COMMUNITY FORUM
youtube video size not working
- Pascal Fauchard
- Topic Author
- Offline
- New Member
Less
More
4 years 6 months ago #176441
by Pascal Fauchard
youtube video size not working was created by Pascal Fauchard
Hi,
Whatever the size I set, the plugin does not take it in account.
What is my mistake?
{youtube}rNM8KiOv0pI|300|152|1{/youtube}
Thank you.
Whatever the size I set, the plugin does not take it in account.
What is my mistake?
{youtube}rNM8KiOv0pI|300|152|1{/youtube}
Thank you.
Please Log in or Create an account to join the conversation.
- JoomlaWorks
- Offline
- Admin
Less
More
- Posts: 6221
4 years 6 months ago #176443
by JoomlaWorks
Fotis / JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
Replied by JoomlaWorks on topic youtube video size not working
AllVideos installs with the Responsive template enabled by default. This means the player will always occupy all available page width.
To use fixed dimensions, simply choose one of the other templates in AllVideos' plugin parameters.
To use fixed dimensions, simply choose one of the other templates in AllVideos' plugin parameters.
Fotis / JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
Please Log in or Create an account to join the conversation.
- Railer
- Offline
- Senior Member
Less
More
- Posts: 43
3 years 9 months ago #178467
by Railer
Replied by Railer on topic youtube video size not working
Hi Fotis -- Is there a way when using the Responsive template, to put the video in a fixed width (426px) container such that it restricts the video width to the container width from desktop to tablet, and then when viewed on a smartphone it would scale down to fit the phone display size?
Please Log in or Create an account to join the conversation.
- JoomlaWorks
- Offline
- Admin
Less
More
- Posts: 6221
3 years 9 months ago #178468
by JoomlaWorks
Fotis / JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
Replied by JoomlaWorks on topic youtube video size not working
The player will always respect its container's dimensions. So if your container is 426px then the player will use that width as well. If you don't see such a behaviour, your template's CSS may be interfering with the plugin's CSS.
Fotis / JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
Please Log in or Create an account to join the conversation.
- Railer
- Offline
- Senior Member
Less
More
- Posts: 43
3 years 9 months ago #178502
by Railer
Replied by Railer on topic youtube video size not working
For my issue, I enclosed each video snippet with a <div class="video-container"> ... </div> and added the following
css in my custom.css file:
.video-container { max-width: 426px !important; margin: auto; }
It worked!
css in my custom.css file:
.video-container { max-width: 426px !important; margin: auto; }
It worked!
Please Log in or Create an account to join the conversation.
- JoomlaWorks
- Offline
- Admin
Less
More
- Posts: 6221
3 years 9 months ago #178506
by JoomlaWorks
Fotis / JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
Replied by JoomlaWorks on topic youtube video size not working
It's more effective if you create an override for AllVideos (see the MVC templating section here www.joomlaworks.net/support/docs/allvideos) and add the container there. If you are to insert HTML code on every video you add, it kills the point of using a plugin...
Fotis / JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
Please Log in or Create an account to join the conversation.
- John Horton
- Offline
- New Member
Less
More
- Posts: 1
2 years 11 months ago #179784
by John Horton
Replied by John Horton on topic youtube video size not working
I need to set max-width for a YouTube on the desktop and then have it be responsive for mobile. My solution is not very sexy but because I am not a developer I did the following.
<table style="max-width: 600px; float: left;">
<tbody>
<tr>
<td>{youtube}www.youtube.com/embed/FoYs3RHneM0{/youtube}
</tr>
</tbody>
</table>
If there is a better solution that does not require editing CSS please let me know.
<table style="max-width: 600px; float: left;">
<tbody>
<tr>
<td>{youtube}www.youtube.com/embed/FoYs3RHneM0{/youtube}
</tr>
</tbody>
</table>
If there is a better solution that does not require editing CSS please let me know.
Please Log in or Create an account to join the conversation.