Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

allvideo player oversize on mobile portrait view

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Hi Bamboo's

on my new page

www.dieter.neu23.de

the allvideo player does not render perfect on mobile portrait view.

Can you imagine how this behaviour could be optimized?


best sebbie

screen-allvideos-audio-player.jpg
  • Sebbie's Avatar
  • Sebbie
  • 12 Month Developer
  • 131 posts
  • 6 Thanks
  • Karma: 4
The administrator has disabled public write access.
Hi Sebbie,

Can you point me to this example - I had a quick look at the site but couldn't see the example on the screenshot

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hi Paul,

you need to minimize your browser on any page with multimediacontent to something around 320 px width.

dieter.neu23.de/der-profi-sprecher/sprecher-radiowerbung/peugeot-radiokampagne.html

than the allvideo panel does not stay in content. Acting not totally responsive.

Best sebbie
  • Sebbie's Avatar
  • Sebbie
  • 12 Month Developer
  • 131 posts
  • 6 Thanks
  • Karma: 4
The administrator has disabled public write access.
Hi Sebbie,

Try something along these lines

.avAudio .avPlayerContainer .avPlayerBlock > div {
min-width: 200px!important;
width: 100%!important;
}
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hi Paul

I have added these lines to custom CSS and now all is ok!

.avAudio .avPlayerContainer .avPlayerBlock > div {
min-width: 170px!important;
width: 100%!important;
}


.avVideo .avPlayerContainer .avPlayerBlock > div {
min-width: 170px!important;
width: 100%!important;
}
Best of Thanks!

Sebbie
  • Sebbie's Avatar
  • Sebbie
  • 12 Month Developer
  • 131 posts
  • 6 Thanks
  • Karma: 4
The administrator has disabled public write access.
Cool

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Paul--

I too am using Focus2 and have the same problem. I have tried the above solution but without success. Any ideas?

Here is the link to the page I'm discussing: orionexp.com/river-trips/custom-river-trips-schools/river-rafting-guide-training
  • BWbamboo's Avatar
  • BWbamboo
  • LIfetime Developer - Big Bamboo
  • 218 posts
  • 2 Thanks
  • Karma: 0
The administrator has disabled public write access.
Yes the HTML is different so the css won't apply and also can't work :)

Looking on the browser emulator it looks ok

What mobile browser/device are you using?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
It's not a major problem for me at the time. I was just reading the topics to try and find a solution to a different problem. I was trying to fix the look on an Android phone. It seems to work fine everywhere else. Thnaks for the effort.
  • BWbamboo's Avatar
  • BWbamboo
  • LIfetime Developer - Big Bamboo
  • 218 posts
  • 2 Thanks
  • Karma: 0
The administrator has disabled public write access.
Its odd as the HTML is wrapped in a clear which makes it a bit different

If becomes more of a problem please get back to us and I'll have another look

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers