How stop video from being played after close in slider revolution?

Support
#1

hello i made a slider with video layer and when i close the slider the video keeps on playing any idea how i stop the video from being played?
i mixed convert plus pop up with slider revolution and when i close the convert plus pop up the video keep on playin the sound background
any help will be great!

#2

Hi,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation.

Thank you.

#3

Hi thanks for your reply, sorry i was kind of busy in abit these days, here are the link and credentials
Goto those links squares >> http://prntscr.com/idf3g9

#4

Hi there,

I am not sure if it is happening in the Revolution Slider which is in the Popup or because it is in the ConvertPlus.

I suggest that you add a test page and only add the Revolution Slider in question and test and see if you change the slider it stops the video or not. If that is the case please make sure that you follow the instructions below to add the vide and set proper settings for the video loop:

http://www.unitecms.net/joomla-extensions/unite-revolution-slider-responsive/documentation/video-layers

I strongly suggest that you avoid using the Slider inside the popup. Those are 2 Javascript heavy items which will not work well. It is recommended that you avoid using Sliders or tabs or accordions inside the popup.

The custom way of handling the situation which is outside of our support scope is to select the video element in the jQuery code and add the pause function to it on the modal closing.

jQuery('SELECT THE MODAL CLOSE BUTTON').on('click', function() {
   jQuery('SELECT THE VIDEO')[0].pause();
});

The code above is meant to show you how you can manually force the video to pause on modal close. The code itself will not work if you paste it.

Thank you.

#5

Reply in the secure note

#6

Hi there,

The code is wrong. As I mentioned I am not sure if that will work or not, please add a simple test page and get back to us with the IRL of the page to be able to test the code against the real one.

Thank you.

#7

Thanks, where exacly do i need to enter the code?

#8

HI,

You can add the code in Appearance > Customize > Custom > Edit Global JS

Thanks

1 Like
#9

Hey! thanks! but the code doesnt work :frowning:

#10

Hi there,

Please change the code to this one,

jQuery( function($) {

$(document).on('click', '.cp-overlay-close', function(){

$('.rev_slider video').each ( function() {

$(this).get(0).pause();

} );

} );

} );

That should work :slight_smile:

Thanks!

1 Like
#11

OMG Thanks it worked!!!

#12

Glad to hear it!

1 Like
#13

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.