search

davidstutz / cmsimple-youtube

CMSimple plugin for creating youtube video galleries.
Other
1 stars 0 forks source link

Responsive video width #4

Open MischaHam opened 6 years ago

MischaHam commented 6 years ago

Version 1.3.1 sets Width and Height of each video in Manage galleries.

This becomes "not Responsive" for variable width of browsers on tablets, phones, etc.

In the plugin's Stylesheet i changed:

/ The video div. / .youtube-video { margin: 1em auto; }

to

/ The video div. / .youtube-video { margin: 1em auto; position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden } .youtube-video iframe, .youtube-video object, .youtube-video embed { position: absolute; top: 0; left: 0; width: 80%; height: 80% }

And voilá - I got responsive video width!

davidstutz commented 4 years ago

Thanks for the quick workaround! Will leave it open for others to see.

MischaHam commented 4 years ago

You are welcome. My pleasure. .m

4 sep. 2020 kl. 00:01 skrev David Stutz notifications@github.com:

Thanks for the quick workaround! Will leave it open for others to see.

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/davidstutz/cmsimple-youtube/issues/4#issuecomment-686762713, or unsubscribe https://github.com/notifications/unsubscribe-auth/AAEZNHSBGTL6LFGKAEI7F73SD773DANCNFSM4EFJ5WCA.