Fullwidth Easy Slider – Auto rotate stops working in Safari after a video slide

How to reproduce
– Add a Fullwidth Easy Slider with 2 slides to any page
– The first slide must be a video slide -> Mute video player -> enabled
– The second slide could be a picture or anything else
– Open Safari and wait until the video is finished. The slide won’t switch automatically to the second one.

Expected Behavior
After the video is played the next slide should be shown.

avia.js
– Method $.fn.avia_html5_activation wants to trigger an av-mediajs-ended event on fv (Line 504) but fv was replaced by another video object (Fallback Video Trigger “html5″). Example:
– Wrong <video id=”player_4435_306028332_19627207″>
– Correct: <video id=”player_4435_306028332_19627207_html5”>

Therefore the event av-mediajs-ended is never triggered.

Possible Fix
Add the following code in avia.js after line 504:

	var html5MediaElement = document.getElementById($(mediaElement).attr('id') + '_html5');
                    if (html5MediaElement && html5MediaElement !== mediaElement) {
                        mediaElement.addEventListener("ended", function() {
                            $(html5MediaElement).trigger('av-mediajs-ended');
                        });
                    }

Environment
Wordpress 4.9.8
Enfold 4.5

• This topic was modified 6 years ago by markusperl.