@kaoba70: We use a Custom HTML module to display the video background on our JA Appolio template. In order to load your own, you can follow these steps:
– Go to Global Configuration >> select Editor – None in Default Editor option.
– Create a Custom HTML module at “video” position and put these HTML content into:
<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>
Replace with your own video (override the red highlighted lines).
Note: If you performed our Appolio quickstart, you can go to Module Manager >> find module named “Video – Welcome“.