Keyword

video NOT responsive

  • Remco Smit
  • Remco Smit's Avatar Topic Author
  • Offline
  • New Member
More
11 years 2 months ago #115913 by Remco Smit
video NOT responsive was created by Remco Smit
I'm using template gk_creativity with k2. I made my video in a K2 article 1000x562 by putting this numbers in the category (video)

When I view the website on my iphone I see my video (vimeo) is way to big.
Is there a way to make it responsive, even when I want on a desktop the bigger video.

Thanks in advance.
Remco

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

  • Krikor Boghossian
  • Krikor Boghossian's Avatar
  • Offline
  • Platinum Member
More
11 years 2 months ago #115914 by Krikor Boghossian
Replied by Krikor Boghossian on topic Re: video NOT responsive
Hello Remco,

This is an issue related the template overrides.

Depending on the overrides and the classes used you can probably use this code snippet as a base.
.itemVideoBlock .avPlayerWrapper { position: relative; width: 100%; height: 1px; padding: 0 0 56%; max-width: 1000px; max-height: 562px; }
.itemVideoBlock .avPlayerWrapper .avPlayerContainer { min-width: 100%; }
.itemVideoBlock .avPlayerWrapper iframe, .itemVideoBlock .avPlayerWrapper object, .itemVideoBlock .avPlayerWrapper embed, .itemVideoBlock .avPlayerWrapper video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

You can also dump or change the .itemVideoBlock class with the prefix your template uses.

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

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


Powered by Kunena Forum