Keyword

Allvideos responsiveness not working

  • Bill Teague
  • Bill Teague's Avatar Topic Author
  • Offline
  • New Member
More
7 months 1 week ago #165234 by Bill Teague
Bill Teague created the topic: Allvideos responsiveness not working
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

Please Log in or Create an account to join the conversation.

More
7 months 1 week ago #165258 by Krikor
Krikor replied the topic: Allvideos responsiveness not working
Hello,

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%;
}

IMPORTANT: Please search the forum before posting a question!

JoomlaWorks Support Team Member

---
JoomlaWorks
www.joomlaworks.net/

Please Log in or Create an account to join the conversation.

  • Bill Teague
  • Bill Teague's Avatar Topic Author
  • Offline
  • New Member
More
7 months 1 week ago #165270 by Bill Teague
Bill Teague replied the topic: Allvideos responsiveness not working
That did it. Thanks!

Please Log in or Create an account to join the conversation.

More
7 months 1 week ago #165279 by Krikor
Krikor replied the topic: Allvideos responsiveness not working
You 're welcome Bill :)

IMPORTANT: Please search the forum before posting a question!

JoomlaWorks Support Team Member

---
JoomlaWorks
www.joomlaworks.net/

Please Log in or Create an account to join the conversation.

More
3 months 1 week ago #167070 by COR Consulting
COR Consulting replied the topic: Allvideos responsiveness not working
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.

Please Log in or Create an account to join the conversation.

More
3 months 1 week ago #167097 by Krikor
Krikor replied the topic: Allvideos responsiveness not working
Hello,

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

IMPORTANT: Please search the forum before posting a question!

JoomlaWorks Support Team Member

---
JoomlaWorks
www.joomlaworks.net/

Please Log in or Create an account to join the conversation.

More
3 months 1 week ago #167105 by COR Consulting
COR Consulting replied the topic: Allvideos responsiveness not working


here are my settings
Attachments:

Please Log in or Create an account to join the conversation.

More
3 months 6 days ago #167120 by Krikor
Krikor replied the topic: Allvideos responsiveness not working
Please reinstate the code and remove this part from your template's custom.css file
.avVideo .avPlayerContainer .avPlayerBlock {
    width: 100%!important;
    position: relative!important;
    padding: 0 0 0 0!important;
}

IMPORTANT: Please search the forum before posting a question!

JoomlaWorks Support Team Member

---
JoomlaWorks
www.joomlaworks.net/

Please Log in or Create an account to join the conversation.

More
3 months 5 days ago #167135 by COR Consulting
COR Consulting replied the topic: Allvideos responsiveness not working
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.

Please Log in or Create an account to join the conversation.

More
3 months 5 days ago - 3 months 5 days ago #167136 by COR Consulting
COR Consulting replied the topic: Allvideos responsiveness not working


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.
Attachments:
Last Edit: 3 months 5 days ago by COR Consulting.

Please Log in or Create an account to join the conversation.