Tagged: , , , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 3, 2018 at 11:17 am #1017451
    Maaster

    Hello there,

    I want to use the full-screen slider with some video slides. The videos are 3-5 second videos that should be auto-played and looped inside the slide.
    Is it possible to use several (e.g. 4 such loop videos) inside 1 Full-Screen slider element and the slides will automatically switch after the time defined in the global full-screen slider settings?
    On the single video slide element, if you activate the checkbox of “loop video” the message says, that the video will be looped and the next slide element won’t automatically start after x seconds?
    So I want the videos to be looped for a certain time value (defined in the global full-screen slider settings of the element) and then auto-switched to the next slide element (with the next looped video).
    Additionally: is it possible to remove the “round bubble loading icon” each time the video loops? By CSS maybe? Like for image overlays?

    .image-overlay {
 visibility: hidden;
 }
    • This topic was modified 6 years, 1 month ago by Maaster.
    October 5, 2018 at 5:38 am #1018124
    Ismael

    Hey Maaster,

    Thank you for using Enfold.

    The slide will automatically switch to the next slide once the video finished. You should not enable the video slides’ “loop” option because it will just replay the first video.
    Use this code to remove the loading overlay.

    .mejs-overlay-loading-bg-img {
    display: none !important;
}

    Best regards,
    Ismael

    October 5, 2018 at 9:13 am #1018184
    Maaster

    Hey,
    thanks for your answer.

    .mejs-overlay-loading-bg-img {
    display: none !important;
}

    worked fine, no loading balls in the video right now :)

    So there is definitely NO WAY to make the looped video slides change automatically?
    Or an option to say how often the video should be looped until the next slide with video should open?
    Sure, I could make the looped video longer in the video file, but that results in bigger MP4 files and more loading time for the visitors

    • This reply was modified 6 years, 1 month ago by Maaster.
    October 8, 2018 at 1:10 am #1018737
    Ismael

    Hi,

    Do you want the slider to move to the next slide after a certain period? Try to enable the autorotation and then edit the config-templatebuilder > aviashortcodes > slideshow > slideshow.js file and then look for this code around line 860:

    currentSlide.on('av-video-play-executed', function(){ setTimeout(function(){  self.pause() }, 100); });

    Comment that line out or remove it.

    Best regards,
    Ismael

    October 8, 2018 at 9:01 am #1018858
    Maaster

    ok, thanks for the information. I’ll try that solution.
    Maybe you can add that function of “play time duration” for the sliders in a future release of enfold, could be useful for other users, too!

    October 9, 2018 at 4:39 am #1019302
    Ismael

    Hi,

    Alright. Let us know if it works.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.