Hi.

I've ready over the other posts about responsiveness, but they don't help my problem as far as I can tell. On a PC and on my Android (Nougat), the video appears in the dimensions defined as defaults in the plugin. Any assistance welcomed.

Thanks!

Bill

• URL : twickenham.org/index.php/work-as-worship
• Video is an mp4 uploaded to the web server.
• Joomla: 3.8.1
• Template: Elan from Joomlashack
• Version of Allvideos: 4.8
• Current settings screenshot: imgur.com/gallery/hQDhF.

Hello,

Can you try pasting this snippet in your template's stylesheet?

That did it. Thanks!

You 're welcome Bill :)

i am having the same issue with the video not resizing on mobile but when i tried the code you shared it made the video disappear altogether. joannegroulx.com/index.php/learn
i removed the code for now but you can test and see. i don't really want to make the video tiny so that it works on mobile.

Hello,

Can you send me a screenshot of the plugin's settings?

here are my settings

Please reinstate the code and remove this part from your template's custom.css file

i removed that css, it's the only change i had really made and it still doesn't resolve the issue. the reason i had made that change is how the video positions in the content. i get a huge white space at the bottom of the video but if i place it above my content my text goes behind the video. the video does not adjust size though. i even reinstalled the plugin to overwrite any changes i might have made but i am sure i just made that one css change. i made sure there was no overwrite files in my html for my template but there is nothing there.

this is how it looks and why i added

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

instead of

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

it doesn't appear to have had any effect on the responsiveness though.