Pause slider when video is playing about basic-jquery-slider

[krnlde]

You can see an example how its done at http://proloser.github.com/AnythingSlider/video.html

[DeFeNdog]

Not a great fix, but I targeted the embed element.

// Custom video click event
    if (settings.clickPause && settings.automatic) {
        $("embed").click(function () {
            if (!paused) {
                clearInterval(bjqsInterval);
                paused = true;
            }
        });
    }

[DeFeNdog]

Oops.. that only works outside of the slider. My mistake!

[marcb12]

Hmm serious, even on the basic-slider.com website you are promoting with the fact that video is supported but when you play the video the slideshow just keeps on running... A huge bug I would say...

Anyone any idea?

[DeFeNdog]

Here's what I had to do for my video to finally work. It's a bit tedious and maybe unnecessary. I'm hoping someone comes up with a much more elegant way of doing this. Sorry for my hideous "solution".

1. Built custom player with YouTube API. It seemed like the only way I could programmatically target an element within the player (http://demo.tutorialzine.com/2010/07/youtube-api-custom-player-jquery-css/youtube-player.html)

2. Changed a few things in basic-jquery-slider.js

// Added at approx line 238:

    // Pause on play
    $("#player").click(function () {
        if (!paused) {
            clearInterval(bjqsInterval);
            paused = true;
            vblurred = true;
        }
    });

// Modified at approx line 220:
    // Run a bubble-bath and float in that m'fkr like a hovercraft. (enable hover pause)
    if (settings.hoverPause && settings.automatic) {

        $container.hover(function () {
            if (!paused) {
                clearInterval(bjqsInterval);
                paused = true;
            }
        }, function () {
  if ( vblurred == false) {
                if (paused) {
                    bjqsInterval = setInterval(function () {
                        bjqsGo(forward)
                    }, settings.rotationSpeed);
                    paused = false;
                }
            } 
        });

    }

// Added the following variable to some functions, so as to reset the pause state (approx lines 99, 107, 194):

    vblurred = false;

[marcb12]

Thanks for the reply but I'm sorry to have to say that I switched to a different slider. Rhinoslider (http://rhinoslider.com/) in combination with tubeplayer (for easy styling of the youtube player) turned out to be a pretty good out-of-the-box solution.

Hope this issue will be resolved with the basic-jquery-slider though, love the 'basic' approach!

[DeFeNdog]

Very cool slider! Thanks marcb12

[jcobb]

Hey marc, sorry to hear you've switched to a different slider, but glad you found out to suit your needs.

DeFeNdog is spot on with his solution - the only way to programmatically stop the slider is by using the javascript APIs of the respective video services to embed videos.

Apologies for any inconvenience you had.