Pause slider when video plays
It would be really nice if you were to incorporate an option to pause the slideshow if a video (vimeo/youtube) is playing.
It is easy to add a video to the slideshow, and there is already an option for pausing when the mouse hovers over the slideshow, but the additional functionality of pausing the slideshow while the video plays would be great.
It is possible:
http://flexslider.woothemes.com/video.html
Thanks!
Chris
shared this idea
14 comments
-
Samuel
commented
Slider Revolution pauses the slider when a video plays. It currently supports Vimeo and YouTube videos.
-
Anonymous
commented
http://www.slidedeck.com/ does this. you click to a new slide and the video stops. this shouldn't be that hard, no?
-
Anonymous
commented
Agreed. Many other sliders have this function.
-
Alexander
commented
C'mon
-
Acqua
commented
We need this!!! It is really annoying when you click play on a video, then the slide goes away while the video continues to play in the background. Hover pause works, but most people don't realize that.
-
LandingOnJupiter
commented
Kyle, you'd need to use the API and edit what content it pulls from the post, since it's only grabbing the title, permalink, excerpt and featured image.
-
Kyle foley
commented
Is there a way to do this with the "posts" style (its for a news website)
-
Dallin
commented
You can see that feature in action here at the flex slider site http://flexslider.woothemes.com/video.html
-
Dallin
commented
Thanks LandingOnJupiter, I tried that and it worked perfectly. Of course it doesn't pause on play, but I bet that will be something to come in the future. I am pretty sure that Flex slider has that feature. And Wooslider is based off flexslider.
Thanks again!
-
LandingOnJupiter
commented
Embed is a WordPress shortcode and you will be using the "Slides" style of slideshow.
Here's what I did step by step:
Create a slide under Slideshows -> Add New Slide.
Name the slide.
Paste this line into the text editor: [embed]http://www.youtube.com/watch?v=JaNH56Vpg-A[/embed]
Add the slide to a slide group and publish.Then add your slideshow to a page or widget area using "slides" style and select the appropriate slide group. If it works correctly, you should see a video of the New York skyline. Once you have it working, you can go back and edit the URL to point to your preferred video.
-
Dallin
commented
This would be a great feature. I have use many sliders, but not really ever found one that can do pause the auto slide on video play.
-
Dallin
commented
I looked at the Wooslider shortcode list and did not see the [embed]. Also I did not see any mention of video support and have tried all 3 setup style(post, attached images and slides) and have not gotten video to display. Please share how you have achieved video to display in the Wooslider.
-
LandingOnJupiter
commented
I was able to embed a YouTube video, using the [embed] shortcode. Simply copying the link into the slide doesn't work.
The issue is that starting the video won't pause the slideshow. So, they'll see part of the video and then it will switch to another slide, but still play the audio from the video.
To get around this, you can set the slideshow not to transition automatically. Or you should be able to write some javascript to pause it when the video is clicked. I haven't had a chance to look into that yet, I've got too many other things on my plate. So, if you figure it out before I do, let me know.
-
Declan
commented
What's wrong with the OEmbed support already included?
