We are using Zoo's WidgetKit Slideshow. Currently, the slideshow is set to autoplay. We have put YouTube videos in the slideshow, but when a user clicks play on a YouTube video, the slideshow continues to slide.
The task is as following:
- When the user plays a YouTube video, stop the slideshow's autoplay.
- When the user plays a YouTube video, remove the caption, but only for the the slide that has the corresponding YoUTube video.
Here's a live example: [url removed, login to view] (slide 2)
Here's another discussion about it: [url removed, login to view]
I've been impressed with yootheme for quite some time and I'm considering using it a lot more and expanding the volume of my licences. Congrats on all the hard work.
I have a question. I want to use widgetkit slideshow with a video embed, so I have video animation as the first slide in my slideshow. I had the same problem a year ago when i was trying to do this with gavick themes. I'm yet to see a slideshow player that properly responds when a video as a slide is activated. In your case, the slideshow continues to rotate as the jquery fires after you play the video.
Of course, we cant expect the slideshow to respond to an onclick event etc without being specifically programmed to do so, so i understand why this feature is not available unless somebody has thought to add it.
Secondly, of course you could simply respond to a click on the object in question or an area on the page, either works fine, although the first method is much more clean. (but unfortunately has a small delay on firing).
My problem is, I then need to read the programming of your application and try and work out how to stop the autoplay once my method fires. In the interim, I will just stop autoplay all together, but if anybody is farmiliar with the jquery used for the slideshow and can tell me what objects / to refer to in my custom function to stop the autoplay that would be greatly appreciated.
I understand this kind of support request kinda belongs in the 'request feature' section, thanks for reading in the event you decide to help.
Were you able to resolve this yourself? I just saw this posted question and happen to be facing the same issue myself.
My approach to a solution for this would be to parse slide content, from within PHP, for strings containing embed / iframe references to supported video services after all [short codes] have been applied upon HTTP request. Doing this at the server helps limit this parsing to only those videos expected to be loaded from a WK Slide with AutoPlay enabled. A custom JS function will be available on the client to disable AutoPlay for WidgetKit Slides as specified by an expected WidgetKit $id parameter. This custom function will be bound to service specific video playback events in which the bind scripts will be dynamically prepared at the server and added in the page footer.
Well... that's a rough presentation of my thoughts anyway.
Let me know if you had a chance to review this more closely. If you started and haven't finished, maybe we can collaborate on a solution.
Edited Apr 20
8 freelancers are bidding on average $217 for this job
I have more than 8 years of experience in PHP and open source, also have experience of handling complex project and I'm very much confident that I will able to manage this project. Please give chance to prove myself.