- Posts: 2
 
COMMUNITY FORUM
Allvideos responsiveness not working
- Bill Teague
 - 
				
Topic Author
 - Offline
 - New Member
 
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.
 
Please Log in or Create an account to join the conversation.
- Krikor Boghossian
 - 
				
 - Offline
 - Platinum Member
 
- Posts: 15920
 
Can you try pasting this snippet in your template's stylesheet?
.avVideo .avPlayerContainer .avPlayerBlock > div {
    max-width: 100%;
}
.avVideo .avPlayerContainer .avPlayerBlock div[data-player] {
    max-width: 100%;
    max-height: 100%;
}Please Log in or Create an account to join the conversation.
- Bill Teague
 - 
				
Topic Author
 - Offline
 - New Member
 
- Posts: 2
 
Please Log in or Create an account to join the conversation.
- Krikor Boghossian
 - 
				
 - Offline
 - Platinum Member
 
- Posts: 15920
 
Please Log in or Create an account to join the conversation.
- COR Consulting
 - 
				
 - Offline
 - Junior Member
 
- Posts: 22
 
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.
Please Log in or Create an account to join the conversation.
- Krikor Boghossian
 - 
				
 - Offline
 - Platinum Member
 
- Posts: 15920
 
Can you send me a screenshot of the plugin's settings?
Please Log in or Create an account to join the conversation.
- COR Consulting
 - 
				
 - Offline
 - Junior Member
 
- Posts: 22
 
Please Log in or Create an account to join the conversation.
- Krikor Boghossian
 - 
				
 - Offline
 - Platinum Member
 
- Posts: 15920
 
.avVideo .avPlayerContainer .avPlayerBlock {
    width: 100%!important;
    position: relative!important;
    padding: 0 0 0 0!important;
}Please Log in or Create an account to join the conversation.
- COR Consulting
 - 
				
 - Offline
 - Junior Member
 
- Posts: 22
 
Please Log in or Create an account to join the conversation.
- COR Consulting
 - 
				
 - Offline
 - Junior Member
 
- Posts: 22
 
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.
Please Log in or Create an account to join the conversation.
- COR Consulting
 - 
				
 - Offline
 - Junior Member
 
- Posts: 22
 
Please Log in or Create an account to join the conversation.
- COR Consulting
 - 
				
 - Offline
 - Junior Member
 
- Posts: 22
 
Please Log in or Create an account to join the conversation.
- Faris Jamil
 - 
				
 - Offline
 - New Member
 
Please Log in or Create an account to join the conversation.
- Krikor Boghossian
 - 
				
 - Offline
 - Platinum Member
 
- Posts: 15920
 
Please Log in or Create an account to join the conversation.