• Resolved imagimedia

    (@imagimedia)


    I have an audio layer as part of a Rev Slider. I use shortcode to put slider in Popup Maker. The audio narration is set to autoplay in revslider so that the visuals and audio will start playing when slider opens and give a loose synchonized effect.

    My expectation is that when I click the button to launch your Popup, then the slider will start and the audio will too (because of the autoplay setting)

    However, the audio starts playing from inside the popup as soon as the page with the popup is loaded, and not when the popup triggers.

    If I turn off the audio layer autoplay, the problem goes away, but then the audio does not start playing when the slider starts animating.

    Can you help me get this to work as intended?

    Thank you,

    Earl

Viewing 12 replies - 1 through 12 (of 12 total)
  • Thread Starter imagimedia

    (@imagimedia)

    Forgot to mention the second part of my problem. The audio does not stop when the popup is exited before completion of the narration. The audio from several other sliders on the site (not in popups) stops immediately if I exit the page they are playing from. I expect that exiting the popup should kill the audio in the same way the page exit does. Can you advise, please?

    Thanks again.

    Thread Starter imagimedia

    (@imagimedia)

    Okay, sorry to keep adding comments, but as the slider is showing at postage stamp size I did not realize until just now that the slider is starting to play (and audio too when set to autoplay) when the page is loaded– even though the popup with the rev slider in it has not been triggered yet.

    Here’s what happened… I set the audio autoplay to “on”. I loaded the page that has the popup. Immediately I hear the narration though I have not yet clicked the button to trigger the popup. I wait until the narration is about half way through and then I open the popup that contains the slider. Though the lightbox theme of the popup is the correct size, the slider within it is very small (per earlier support ticket). I can notice however, that the slider is also halfway through the visuals– the same as the audio. So it is clear that the slider (including the autoplay audio) has begun playing inside the popup before the popup was opened.

    I imagine this added information may suggest a different diagnoses. I look forward to your detective work on this. Thanks!

    Thread Starter imagimedia

    (@imagimedia)

    Yikes, I thought I had added this but don’t see it; sorry if I am repeating post.

    I just clicked on another page on my site and the audio from the rev slider in the popup started playing (without clicking to trigger it). I checked further to see that this happens on every single page– even though the popup with the slider is not on any of those other pages.

    Please help!

    Thread Starter imagimedia

    (@imagimedia)

    Here’s something that may have a bearing on all of this…

    I am triggering your popup as a class on my buttons.

    I’ve noticed that I can eliminate all triggers on the Popup Edit page (no click open nor auto open) and the popup will still open when I click the button. Is this a clue?

    • This reply was modified 8 years, 2 months ago by imagimedia.
    Thread Starter imagimedia

    (@imagimedia)

    my button code is this…

    <a class="popmake-2219"><img data-stellar-ratio="1.1" id="bird-btn" class="hover" src="https://mosquitoes.wpengine.com/wp-content/uploads/2016/09/bird-house-transparant.png" /></a>

    • This reply was modified 8 years, 2 months ago by imagimedia.

    @imagimedia

    As far as the sizing issue, it isn’t directly the fault of Popup Maker.

    We believe it’s caused by how the sliders size themselves using JS and the parent container. They rely on the parent container to determine how large the slider will be, but the parent container (IE the popup) relies on the content to determine their size (height wise). It’s a bit of a catch-22.

    The Slider ends up with heights of 0-50 depending if you had a popup title.

    Many users have solved this by either using custom popup sizes (Select Custom) and defining specific height & width, or by inserting an extra div element around your slider code and giving it a specific height.

    Unfortunately, other than that, there’s not really a way we can account for their dynamic height.

    As far as your audio issue, I think we’ll have to implement some custom code for your use case. I’ll have to have the Lead Dev @danieliser take a look to get that worked out for you.

    Thanks for your patience.

    Hope that helps!

    Thread Starter imagimedia

    (@imagimedia)

    Will he need access to the site to work on audio? Let me know what I should provide.

    Also, there is an issue you have not addressed in your response. It’s not just that the audio is playing before the popup is triggered… it’s that the slider has started playing before the popup is triggered, although it is not visible before the trigger. As I said earlier, I know this to be true because the not only can you hear the audio start in the background, but when I do click to trigger the popup, the slider has already advanced through several animations and is synced with the audio. That’s why we hear the audio. It starts playing because the slider started playing on page load, not on trigger.

    Again, thanks for your help.

    Thread Starter imagimedia

    (@imagimedia)

    I have posted 3 days ago and have not received a reply, nor a follow up from @danieliser as promised. Please respond now as I have no more time to wait. Thank you.

    Thread Starter imagimedia

    (@imagimedia)

    Clarification. I do not think this is an audio issue. I thought it was at first, but it is clear now that the slider starts playing in the background (popup not triggered yet) on page load and the audio was just evident because it could be heard from the background. Please help!

    The audio problem is the result of pop-up content always loading (the pop-up stays hidden until it isn’t supposed to be hidden) and “autoplay” being turned on in media on the pop-up. If you turn off “auto play” on Rev Slider, you shouldn’t have the problem anymore.

    I’m having the same problem with a video set to autoplay. For now, I’ve disabled autoplay — because the audio can be heard even when the pop-up isn’t displayed. I would love a solution for this, too, but I don’t know if there is a way to use an outside tool like revslider (or in my case, WordPress media embed) with autoplay turned on (via short code or settings), but to control the actual autoplay with Popup Maker.

    Plugin Author Daniel Iser

    (@danieliser)

    @imagimedia – Sorry for the delay, you are correct, the slider starts immediately on page load, nothing we can do about that. You may be able to stop the media from playing using their JS api if they have one available.

    You can then follow our guides on starting & stopping videos when the popups open & close from our docs. Except in place of the video specific play / stop codes you would place your slider/media commands.

    I can give you the code you need for our end of that, but you would need to discuss the needed functions to start/stop it with their support.

    Hope that helps.

    https://docs.wppopupmaker.com/article/86-start-video-when-the-popup-opens
    https://docs.wppopupmaker.com/article/88-stop-video-when-the-popup-closes

    Plugin Author Daniel Iser

    (@danieliser)

    @tinamar – The above solutions work well with most video players, including youtube, vimeo, html5 video etc.

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Audio in Revslider plays when page loads, not when Popup opens’ is closed to new replies.