- 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%;
}
JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
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
JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
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?
JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
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;
}
JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
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
JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
Please Log in or Create an account to join the conversation.