Joomla Templates Club 406,261 posts

[mberwing Friend mberwingJoin date: April 2006Posts: 201Downloads:26Uploads:46 Thanks: 7 Thanked: 8 times in 1 posts]

#198314

We have installed JA Appolio quickstart version for Joomla 3.3.

We have an issue with the video that is not running on Browser Firefox but it is o.k on Chrome, Opera and
Safari (but Safari is using the mp4 file which relies on QuickTime to play web media).

I have followed all instructions in other forum threats with same subject and have converted the mp4 video file to
webm that is the container format for use with HTML5 video supported by Mozilla Firefox,[7][8] Opera,[9][10] and Google Chrome.

But the video is not being played with Firefox altough I can see the play console but when I click on it there is no reaction.

Here is the code we used:

<div class=”video-shuffle-wrap”>
<div class=”video-shuffle” data-js-view=”video-shuffle”>
<div class=”mask”> </div>
<video controls=”controls” width=”100%” height=”auto” poster=”/images/stories/joomla/landschaft.png” preload=”” style=”width: 100%; height: auto;”>
<source src=”/video/CanJou.mp4″ type=”video/mp4″ />
<source src=”/video/CanJou.webm” type=”video/webm” />
<div class=”video-fallback” style=”padding-bottom: 56.25%”><img title=”No video playback capabilities, please download the video below” src=”/images/stories/joomla/landschaft.png” alt=”Sample Video” width=”100%” height=”auto” />
</div>
</video>
</div>
</div>

Can someone maybe help or has an idea what the issue is and whether there is something missing we explicitely need
for Firefox ?

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

#537411

Please can try to do this way

+ Go to Admin site -> Global configuration -> Default Editor set Editor – None

+ Open to Video – Welcome module and

Change

<div class="video-shuffle-wrap">
<div class="video-shuffle" data-js-view="video-shuffle">
<div class="mask"> </div>
<video controls="controls" width="100%" height="auto" poster="/images/stories/joomla/landschaft.png" preload="" style="width: 100%; height: auto;">
<source src="/video/CanJou.mp4" type="video/mp4" />
<source src="/video/CanJou.webm" type="video/webm" />
<div class="video-fallback" style="padding-bottom: 56.25%"><img title="No video playback capabilities, please download the video below" src="/images/stories/joomla/landschaft.png" alt="Sample Video" width="100%" height="auto" />
</div>
</video>
</div>
</div>

To

<div class="video-shuffle-wrap">
<div class="video-shuffle" data-js-view="video-shuffle">
<div class="mask"> </div>
<video loop autoplay style="width: 100%; height: auto;" poster="images/stories/joomla/poster.png">
<source src="http://static.joomlart.com/video/ja_appolio/welcome.mp4" type="video/mp4" />
<source src="images/stories/joomla/welcome.webmhd.webm" type="video/webm" />
<div class="video-fallback" style="padding-bottom: 56.25%">
<object type="application/x-shockwave-flash" data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" width="100%" height="100%" >
<param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" />
<param name="allowFullScreen" value="true" />
<param name="wmode" value="transparent" />
<param name="flashVars" value="config={'playlist':[{'url':'http://static.joomlart.com/video/ja_appolio/welcome.mp4','autoPlay':true, 'controls': null}]}" />
<img alt="Sample Video" src="images/stories/joomla/poster.png" width="100%" height="auto" title="No video playback capabilities, please download the video below" />
</object>
</div>
</video>
</div>
</div>

Let me know if it helps

[mberwing Friend mberwingJoin date: April 2006Posts: 201Downloads:26Uploads:46 Thanks: 7 Thanked: 8 times in 1 posts]

#538032

Hello Ninja,

I tried the proposal and have replaced the code and still exactly same situation.
The video is being played in Safari, Opera, Google, IExplorer – but not on Firefox.
In Firefox I have the console and play button but when I klick on it, nothing happens.

Please advise.

[mberwing Friend mberwingJoin date: April 2006Posts: 201Downloads:26Uploads:46 Thanks: 7 Thanked: 8 times in 1 posts]

#538034

Hello Ninja,

I have tried with your code and unfortunately the situation is still the same.
The video is being played on Safari, Google Chrome, Opera, IExplorer but not in Firefox.

In Firefox I have the console and play button – but if I klick on it nothing happens.
My version is 29.0.1 on a Mac and is the newest one. But it did not work on previous version.

Can you please advise.

Thanks a lot

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

#538264

I have tested your site on some MACs and see it’s working fine with FireFox 29.0.1, see the screenshot for reference:

You can double check our demo again: http://ja-appolio.demo.joomlart.com/

---

Attachments:

1. 
2. 

[mberwing Friend mberwingJoin date: April 2006Posts: 201Downloads:26Uploads:46 Thanks: 7 Thanked: 8 times in 1 posts]

#538307

Hi Ninja,

thanks a lot for checking.

Now it works on my side also…..but the only difference was that I have rebooted my Mac and now all is fine with Firefox.
The issue is therefore solved !

Thanks for testing on your end….much appreciated

[Author]

Posts