Hello on very small screens (a mobile phone in portrait orientation), vimeo video exceeds the bounds of the media "container" in k2 category pages. See for example the following on a phone or a very narrow screen:

escuta.org/projetos/o-espelho/v%C3%ADdeos.html

I've not been able to figure out how to solve this.

In a K2 "item" page of the same video, the video is displayed fine. See:

escuta.org/projetos/o-espelho/v%C3%ADdeos/item/35-nossa-senhora-das-colheres.html

Is there a templating thing I can do? I read a similar thread where it was recommended to follow the MVC templating instructions on this page:

www.joomlaworks.net/support/docs/allvideos

The file structure was a little different in my machine. I tried this copy:

cp -r plugins/content/jw_allvideos templates/jaeventsii/html/

and fiddled around with the file: templates/jaeventsii/html/w_allvideos.php but couldn't get anything to work.

Thanks,

Hi,

The CSS file of AllVideos defines a minimum width of 320 pixels for videos. That's why it's not getting smaller.

You have two options:

1. Edit the site layout to be a little bigger.
2. Edit the CSS file of AllVideos and remove that rule. The rule is located at line 25 of file escuta.org/plugins/content/jw_allvideos/jw_allvideos/tmpl/Responsive/css/template.css .

Thanks very much lefteris. I went for option #2 and it worked.

Is there a way though of redeclaring the video container in a different file or will I run the risk of my change being overwritten in a future AllVideos update?

Cheers

You can just create an override for the Responsive template inside your site's template. Read the section named "MVC Templating" at the documentation page at www.joomlaworks.net/support/docs/allvideos to get more information.

Hi Lefteris,

Thanks for this useful information. I have tried it and it works!

Rene