Hi,

my videos are not resizing to the size i want. I have put in the {youtube}blahblah|300|200|0{/youtube} parameters in my joomla article, but alas they are still HUGE

Any ideas?

Cheers ???

Please provide a link to your video page to check it out.

Thank you.

This seems to be an issue with the responsive template of AllVideos.
Create a template override of the allvideos plugin (create a folder named jw_allvideos under templates/your_template/html/ and add a copy of the Responsive folder in it. You can find the Responsive folder under plugins/content/jw_allvideos/jw_allvideos/tmpl/) and modify the css file (under css folder) with these changes

Replace the following:

.avVideo .avPlayerContainer .avPlayerBlock {width:100%!important;position:relative!important;padding:0 0 56% 0!important;}

.avVideo .avPlayerContainer .avPlayerBlock div {position:absolute!important;top:0;left:0;min-width:320px!important;width:100%!important;height:100%!important;}

.avAudio .avPlayerContainer .avPlayerBlock div {min-width:320px!important;width:100%!important;height:24px!important;}

with these:

.avVideo .avPlayerContainer .avPlayerBlock {width:100%!important;position:relative;padding:0 0 56% 0!important; height: 0; overflow: hidden;}

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

.avAudio .avPlayerContainer .avPlayerBlock > div {min-width:320px!important;width:100%!important;height:24px!important;}

Hi, i did all that. great. But still videos are HUGE!

I am using the tag {youtube}kfjsdlkjdfd|300|200|0{/youtube} in article.

Any ideas why the size is not changing?

ta for you help so far, appreciate it

OK. Try to add this:

.avVideo .avPlayerContainer .avPlayerBlock iframe, .avVideo .avPlayerContainer .avPlayerBlock object, .avVideo .avPlayerContainer .avPlayerBlock embed, .avVideo .avPlayerContainer .avPlayerBlock div {
position: absolute;top: 0;left: 0;min-width :inherit;width: auto;height: auto;}

instead of this:

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

This didnt work. You tell users this is an amazing extension for joomla responsive videos, but its not. I am quite shocked at the amount of re-coding you have requested me to do. Its lucky I know how to code. as another person would be at a total loss.

I am unhappy with all videos

Nice to know, no staff have bothered to contact me!

this might seem silly but is it possible that you have responsive selected in the plugin?
if so deselect it.

i know people that have selected that thinking because their site is responsive that they should choose that in the plugin setting.

Has this been resolved? Yes, I have responsive selected in my plugin, because when I unselect it the video is a good size, but the frame is no longer repsonsive and when the browser is resized small it does not resize the video. I want the video to be responsive, but have a max width of about 500px. This seems like it should be a given.

@ Rainman

Hi. Is there a link to your site demonstrating the issue?

Has this been resolved? I am suffering the same problem.

If I set the property to Responsive, the videos resize but look huge on a full size browser, if I use Classic and set the size then they remain the same size when I resize the browser or look at the page on a mobile device, often overlapping content.

Currently its set to a small size (300x200) which looks rubbish on a laptop, and rubbish on a phone.

www.cinic.co.uk/tunes

As an additional issue, the videos seem to align to the centre, I'd prefer to left align them if that's possible.

Thanks.

@Nick Holt

I don't know what you expect from AllVideos but if you use the responsive template the video will take all the available space. It is your responsibility to place it to a container which will handle the maximum width for each screen size.

Thanks @Yiota
Even after years this worked great for me.
Changing the first code part worked great.
Now youtube videos are resizing, i just need to align the video in the smallest screen view to the left, any idea in how to do that part.

Thanks

PS: I think @pureimagination needs to work more in his imagination and manners...!!

Unfortunately abuse in open source projects is common.
Can you share your site Oscar?

I am also having a problem with the sizing of youtube videos. I have tried the code changes and it does not change the size of my video.


I can understand how setting the plugin to responsive would display the video at the largest size possible on a screen.

As other users have stated they chose Responsive so that the video would resize as needed. I am curious if a work around would be to use classic for larger screens but then switch to Responsive using the various media query breakpoints?

Now while I can think this up I can not quickly implement.

Any suggestions are advice would be greatly appreciated.

Thank you.

You can use this snippet to enforce a maximum width: