- Posts: 2
COMMUNITY FORUM
Wrong display of videos on mobile
- Philippe Allot
-
Topic Author
- Offline
- New Member
Less
More
9 years 2 months ago #150917
by Philippe Allot
Wrong display of videos on mobile was created by Philippe Allot
Thanks for your powerful plugin. We use it since years in k2 desktop environment, and since one month with a responsive template (responsivizer).
Allvideos is set to responsive. It works almost nice, but on mobile most of the time the videos appear only in the bottom part of the video block, and it is impossible to launch them.
Is there a setup that can solve this problem ?
Here an URL where it appears (same on Android or Apple devices).
www.ordinal.fr/fr/mes-10-lecons-videos/introduction-presentation-generale-du-mes-2eme-partie.htm
Thanks for your answer.
Allvideos is set to responsive. It works almost nice, but on mobile most of the time the videos appear only in the bottom part of the video block, and it is impossible to launch them.
Is there a setup that can solve this problem ?
Here an URL where it appears (same on Android or Apple devices).
www.ordinal.fr/fr/mes-10-lecons-videos/introduction-presentation-generale-du-mes-2eme-partie.htm
Thanks for your answer.
Please Log in or Create an account to join the conversation.
- Lefteris
-
- Offline
- Moderator
Less
More
- Posts: 8743
9 years 2 months ago #150968
by Lefteris
JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
Replied by Lefteris on topic Wrong display of videos on mobile
Hi,
For some reason there is a padding added to the top of the container with class name "fluid-width-video-wrapper" . Try to remove the padding either by adding inline CSS or by adding a rule to your CSS files.
For some reason there is a padding added to the top of the container with class name "fluid-width-video-wrapper" . Try to remove the padding either by adding inline CSS or by adding a rule to your CSS files.
JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
Please Log in or Create an account to join the conversation.
- Philippe Allot
-
Topic Author
- Offline
- New Member
Less
More
- Posts: 2
9 years 2 months ago #150972
by Philippe Allot
Replied by Philippe Allot on topic Wrong display of videos on mobile
Thanks for the answer. I found only one definition of this class (in utility.js) in our web site, with padding 0.
I tried to add a typical sequence:
.fluid-width-video-wrapper {
padding: 0;
position: relative;
width: 100%;
}
.fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
in the template css file, but nothing has changed.
Can I do something else?
I tried to add a typical sequence:
.fluid-width-video-wrapper {
padding: 0;
position: relative;
width: 100%;
}
.fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
in the template css file, but nothing has changed.
Can I do something else?
Please Log in or Create an account to join the conversation.
- Lefteris
-
- Offline
- Moderator
Less
More
- Posts: 8743
9 years 2 months ago #151007
by Lefteris
JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
Replied by Lefteris on topic Wrong display of videos on mobile
Try this code:
.fluid-width-video-wrapper { padding-top: 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.