× Support for Joomla 2.5 templates is discontinued. This forum category is read-only.

Video not displaying on mobile responsive layout

More
6 years 1 month ago #4956 by mtam99
mtam99 created the topic: Video not displaying on mobile responsive layout
I noticed my live site is not displaying video on mobile devices using your dj-image-hover code. So I went back to the template live demo and used the QR code to view the demo site on my iPhone and noticed the your demo site is also not displaying the sample video.

<div class="dj-image-hover">
<div class="view view-third"><img src="images/scars/scar_gel_video.JPG" alt="scar gel video" />
<div class="mask">
<p> </p>
<a class="modal readmore" href="
" rel="{handler: 'iframe', size: {x: 996, y: 747}}">Watch the Video</a></div>
</div>
</div>

How can I fix this?

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

More
6 years 1 month ago #4957 by artur
artur replied the topic: Video not displaying on mobile responsive layout
Hello,
To fix this issue need to add styles in animated-buttons.css and animated-buttons_safari.css, in selector '.view img'. More details on screenshot below.
-webkit-box-sizing: content-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: content-box;    /* Firefox, other Gecko */
box-sizing: content-box;

Best Regards.
Attachments:

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

More
6 years 1 month ago #4958 by mtam99
mtam99 replied the topic: Video not displaying on mobile responsive layout
Thank you, that worked.
-Mary

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

More
6 years 4 weeks ago #4961 by artur
artur replied the topic: Video not displaying on mobile responsive layout
You're welcome :)

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

Time to create page: 0.233 seconds

INDICO S.C.

ul. Wałowa 10/3, 84-200 Wejherowo, registered in Centralna Ewidencja i Informacja o Działalnosci Gospodarczej
NIP/VATID: PL5882424318

Copyright © 2009-2019 Joomla-Monster.com All rights reserved.

Joomla-Monster.com and this site is not affiliated with or endorsed by The Joomla! Project™. Any products and services provided through this site are not supported or warrantied by The Joomla! Project or Open Source Matters, Inc. Use of the Joomla!® name, symbol, logo and related trademarks is permitted under a limited license granted by Open Source Matters, Inc.