Joomla Templates Club 406,261 posts

[allen0139 Friend allen0139Join date: September 2014Posts: 6Downloads:0Uploads:0]

#201304

i used the Sugite template for my site and I had problem about “video-background”
works perfect on chrome and firefox, but cannot be correctly shown on IE.

see the problem please try it on both chrome and IE

and I just checked the template demo site’s “features intro” page.
even the demo site has problem with IE
(works fine with some of my computers, but some have problems, all using same version of IE11) ->weird
http://ja-sugite.demo.joomlart.com/index.php/en/bonus-pages/features-intro

I know a site that uses video looping in the background that works fine with IE, so I am sure this can be done.
http://www.kptaipei.tw

can anyone help
will really appreciate it !

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#549528

Have you sorted it? I see it’s working fine on IE browser

btw, below is script code to work with video background in JA Sugite


<div class="video-shuffle-wrap">
<div class="content"><div class="inner">
<h3>Amazing video background</h3>
<p>Metus congue sodales vestibulum tellus eu Vivamus montes Pellentesque Cum pretium. Tellus metus nunc vel eu penatibus augue nibh id cursus consectetuer.</p>
<a href="index.php?option=com_content&view=article&id=102&catid=88&Itemid=517" class="btn btn-border btn-lg">More Info</a>
</div></div>
<div class="mask"> </div>
<iframe src="//player.vimeo.com/video/94101559?title=0&byline=0&portrait=0&autoplay=1&loop=1" width="100%" height="100%" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>


---

Attachments:

1. 

[allen0139 Friend allen0139Join date: September 2014Posts: 6Downloads:0Uploads:0]

#550558

Hi,
No. it’s not working. The screenshot you took isn’t what it’s supposed to look like.
You can visit the site via Chrome and you will see the difference. Thanks

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#550588

You can pm me URL of your site and admin login, I will help you to check it further

[allen0139 Friend allen0139Join date: September 2014Posts: 6Downloads:0Uploads:0]

#551298

In fact, I just want to put the an animated counter (fun-fact) in replace of the default text of the video background module, can you please provide me with the code of how to do that?

the default text on video background is “Amazing video background”
I want to change it to a animated counter (the one fun fact uses).
Thank you very much

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#551313

You have to login back-end of your site and under Global Configuration -> Site tabs -> set Default Editor: Editor – None, go back to module and change Video Background and Fun facts modules with my red mark below

In Video Background

<div class="video-shuffle-wrap">
<div class="video-shuffle" data-js-view="video-shuffle">
<div class="mask"> </div>
<div class="content"><div class="inner">
<h3>Amazing video background</h3>
<p>Metus congue sodales vestibulum tellus eu Vivamus montes Pellentesque Cum pretium. Tellus metus nunc vel eu penatibus augue nibh id cursus consectetuer.</p>
<a id="btn-play" class="play-video" href="javascript:void(0);">Play video</a>
</div></div>

<img class="poster" src="images/joomlart/videos/poster.png" alt="" />
<iframe width="560" height="315" src="//www.youtube.com/embed/qr1znPlfOxc" frameborder="0" allowfullscreen></iframe>
</div>
</div>

In Fun facts


<div class="funfacts-content col-sm-3 text-center">
<p><i class="fa fa-users"></i></p>
<div class="count-asset">
<div class="count-number" data-refresh-interval="20" data-speed="1000" data-from="0" data-to="280"></div>
<h6 class="count-subject" style="opacity: 0; bottom: 0px;">Clients worked</h6>
</div>
</div>
<div class="funfacts-content col-sm-3 text-center">
<p><i class="fa fa-location-arrow"></i></p>
<div class="count-asset">
<div class="count-number" data-refresh-interval="20" data-speed="1500" data-from="0" data-to="200"></div>
<h6 class="count-subject" style="opacity: 0; bottom: 0px;">Projects Complete</h6>
</div>
</div>
<div class="funfacts-content col-sm-3 text-center">
<p><i class="fa fa-pencil"></i></p>
<div class="count-asset">
<div class="count-number" data-refresh-interval="20" data-speed="2000" data-from="0" data-to="996688"></div>
<h6 class="count-subject" style="opacity: 0; bottom: 0px;">Lines of code written.</h6>
</div>
</div>
<div class="funfacts-content col-sm-3 text-center">
<p><i class="fa fa-lightbulb-o"></i></p>
<div class="count-asset">
<div class="count-number" data-refresh-interval="20" data-speed="2500" data-from="0" data-to="546"></div>
<h6 class="count-subject" style="opacity: 0; bottom: 0px;">Ideas created</h6>
</div>
</div>


[allen0139 Friend allen0139Join date: September 2014Posts: 6Downloads:0Uploads:0]

#551454

Thank you very much for your reply,
I did some testing, and I found out that the thing that’s causing my “video background” module to malfunction on IE is because of
the iframe code. When i change the video link back to the original <iframe></iframe> code, it works perfectly on IE.
Is this because I change the video link to a youtube video?
Does this video background module only works with Vimeo video link?

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#551506

You can see JA Sugite template only supports youtube video not the Vimeo video. All code working for youtube video can be found at templates/ja_sugite/js/video.background.js file

If you wish to run it with Vimeo video, you have to customize it as in this link here

[Author]

Posts