Canvas Support

Add HasListener To background video on CorporateIndex1

1 reply · opened Apr 21, 2016

EermirizioApr 21, 2016

Hi, i would like to have a loop on my background video of the Main slider but i can't get it done. I used previus versions of canvas theme and I achieve a sort of workarround throught the "HasListener"

This is the element that does the Job :

<div class="html5vid HasListener fullcoveredvideo" style="top: 0px; left: -176.389px; width: 1697.78px; height: 955px; transform: matrix(1, 0, 0, 1, 0, 0); position: absolute;"><video class="" preload="" width="100%" height="100%" poster="images/videos/explore-poster.jpg" style="display: block;">
<source src="images/videos/explore.mp4" type="video/mp4">
<source src="images/videos/explore.webm" type="video/webm">

But in the version 4.0 i got this:

<div class="html5vid fullcoveredvideo" style="position:relative;top:0px;left:0px;width:100%;height:100%; overflow:hidden;"><video style="object-fit: cover; width: 100%; height: 112.088%; visibility: inherit; opacity: 1; position: absolute; left: 0px; top: -6.04385%; display: block; background-size: cover;" class="" preload="undefined"><source src="images/videos/explore.mp4" type="video/mp4"></video></div>

Any way to add that HasListener ??

SSemicolon WebSTAFFApr 21, 2016

Hello,

You can simply set the data-videoloop="loop" attribute on the HTML5 Video Caption in the Revolution Slider. Check out the Complete Settings for the Video Layer here: https://www.themepunch.com/revsliderjquery-doc/layers/#videolayer .

This will definitely work fine. Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard