Joomla Templates Club 406,261 posts

[abcorp Friend abcorpJoin date: January 2013Posts: 15Downloads:69Uploads:2 Thanks: 1 Thanked: 5 times in 1 posts]

#193901

Hi,

Is there any way to add a button in the ja appolio Template vide so that some user can stop or allow sound while video is playing?

Thanks

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

#519223

Steps below will help to add control option on video:

+ Go to Admin site -> Site -> Global Configuration -> Default Editor set Editor None

+ Go to Module Manager -> Find Video – Welcome module -> and change script in content

Change

<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>

To


<div class="video-shuffle-wrap">
<div class="video-shuffle" data-js-view="video-shuffle">
<video controls 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>


[Author]

Posts