Slider does not stop while video is playing.

  • MiriamNZ

    (@miriamnz)


    4 years, 7 months ago

    WordPress 5.8.1
    I am having problems. If the slider is set to automatically move, it does not stop when a video is set to play.

    I found a support reposes that said that there is some conflict in the jQuery, so I am attempting to troubleshoot, with not enough knowledge about jQuery, sadly.

    I have enabled JQUERY MIGRATE HELPER
    It is showing these warnings/errors:

    /wp-content/plugins/slide-anything/js/slide-anything-admin.js: jQuery.unique is deprecated; use jQuery.uniqueSort
    /wp-content/plugins/slide-anything/js/slide-anything-admin.js: jQuery.isFunction() is deprecated
    /wp-content/plugins/slide-anything/js/slide-anything-admin.js: jQuery.fn.change() event shorthand is deprecated
    /wp-content/plugins/slide-anything/js/slide-anything-admin.js: jQuery.isArray is deprecated; use Array.isArray
    /wp-content/plugins/slide-anything/js/slide-anything-admin.js: jQuery.fn.click() event shorthand is deprecated`
    /wp-content/plugins/slide-anything/spectrum/spectrum.js: jQuery.isArray is deprecated; use Array.isArray
    /wp-content/plugins/slide-anything/spectrum/spectrum.js: jQuery.fn.bind() is deprecated
    /wp-content/plugins/slide-anything/spectrum/spectrum.js: jQuery.fn.click() event shorthand is deprecated
    /wp-content/plugins/slide-anything/spectrum/spectrum.js: jQuery.fn.change() event shorthand is deprecated
    /wp-content/plugins/slide-anything/spectrum/spectrum.js: jQuery.fn.keydown() event shorthand is deprecated
    /wp-content/plugins/slide-anything/spectrum/spectrum.js: jQuery.type is deprecated
    /wp-content/plugins/slide-anything/spectrum/spectrum.js: jQuery.fn.delegate() is deprecated`

    All the errors it shows are deprecated things.
    I am turning off plugins in one at a time that have anything deprecated, in the hope the this plugin will do its thing right (ie stop the sliding while a video is playing).

    I have ticked DOMContentLoaded event but this does not fix the problem.
    Any suggestions would be welcome.

    • This topic was modified 4 years, 7 months ago by MiriamNZ.
    • This topic was modified 4 years, 7 months ago by MiriamNZ.
    • This topic was modified 4 years, 7 months ago by MiriamNZ.
    • This topic was modified 4 years, 7 months ago by MiriamNZ.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author simonpedge

    (@simonpedge)

    4 years, 7 months ago

    The deprecated messages are warnings and are a red herring here.

    Content from 3rd party video embeds (e.g. Vimeo or YouTube) will not interact with Owl Carousel execute code to pause the slider when they start playing. This will take some custom jQuery/JavaScript coding (if possible).

    Have a look at the Slide Anything PRO plugin HERE. Look at the 2nd (Video) slider.

    What I did here was add some custom jQuery code so that if a Video Popup is opened (I use Magnific popup), I then pause the slider autoplay. So I created an event which is triggered when a Magnific video popup is opened and then executes the jQuery:
    jQuery('#SLIDER_ID"').trigger('stop.owl.autoplay');
    And then created another event on the Magnific popup window close event which executes the code:
    jQuery('#SLIDER_ID').trigger('play.owl.autoplay');

    I’m not sure how you van use these events in your situation though as play/stop events for Vimeo & YouTube are occurring effectively on external sites and these are just embeds (a window into these sites) – whereas on my case I’m using the Magnific popup open/close events to execute this code.

    I will have to look at those deprecated warnings at some point though – have added to my to-do list.

    • This reply was modified 4 years, 7 months ago by simonpedge.
    • This reply was modified 4 years, 7 months ago by simonpedge.
    • This reply was modified 4 years, 7 months ago by simonpedge.
    Thread Starter MiriamNZ

    (@miriamnz)

    4 years, 7 months ago

    Thanks for your reply.
    I am not wanting to stop the video playing, I want the slider to stop sliding after a video starts.
    Manual restarting sliding would be ok.

    It sounds like its not that something on the website is conflicting, just that it is a hard ask and needs something smarter, that Pro can offer.

    Cheers
    Miriam

    Plugin Author simonpedge

    (@simonpedge)

    4 years, 7 months ago

    Yep, that’s exactly what I understood from your previous message.

    Short answer – I don’t see how its possible.
    (A Vimeo/YouTube embedded video in unable to communicate with your website to let your site know when a video play or video stop event occurs)

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Slider does not stop while video is playing.’ is closed to new replies.