I have embedded several YouTube videos on one of my Freeway pages.
Is there any way to get each one to auto pause when I press play on a different one?
Alternatively, I have put them in separate Carousel panes and again then all work fine. However, if you play one then move to the next Carousel pane, the original video audio can still be heard. I want the video to pause when I move between panes or when I start a new video.
Can this be done? Searched Google for the last hour but can’t find what I’m looking for.
Hi John,
You can use the YouTube API (YouTube Player API Reference for iframe Embeds | YouTube Iframe-API | Google for Developers
) to control the player through a set of JavaScript commands so that
when you move away from a carousel pane the video will pause or stop.
At the moment you’d have to do this manually by adding the code to the
page to start and stop the video.
Regards,
Tim.
On 15 Sep 2009, at 21:51, johnrob wrote:
I have embedded several YouTube videos on one of my Freeway pages.
Is there any way to get each one to auto pause when I press play on
a different one?
Alternatively, I have put them in separate Carousel panes and again
then all work fine. However, if you play one then move to the next
Carousel pane, the original video audio can still be heard. I want
the video to pause when I move between panes or when I start a new
video.
Can this be done? Searched Google for the last hour but can’t find
what I’m looking for.
Hi. I have the same problem with carousel2 and youtube/vimeo videos not stopping when carousel pane has been switched. Is there some way to stop/pause videos yet.?
Alternatively, is there a way to have some videos in one page, switching between each other depending on chosen thumbnail without carousel.?
I could think about show/hide layer action, but it wouldn’t solve “pausing issue”, would it.?
Not with Carousel directly, not without some serious JavaScript skills. You’d need to alter the code that Carousel uses, so that it would emit an event when it switches panes, and then listen for that event in a separate bit of code and play/pause the various players. But this brings up a larger issue. If you use Carousel to show multiple movies, you will have placed multiple movies in your page at the same time. Just because some of them are hidden from time to time doesn’t mean that they don’t count against your total page bandwidth budget, which is something you should seriously consider when you have mobile users.
I posted a recipe last week for creating a multiple YouTube movie playback interface. It’s a bit geeky to implement (no Actions were harmed, besides the iframe Action in the making of this setup).
Hi. I have the same problem with carousel2 and youtube/vimeo videos not stopping when carousel pane has been switched. Is there some way to stop/pause videos yet.?
Alternatively, is there a way to have some videos in one page, switching between each other depending on chosen thumbnail without carousel.?
I could think about show/hide layer action, but it wouldn’t solve “pausing issue”, would it.?
But now I have another problem with it - because thumbnails are used to trigger iframe, it can no longer be used to go to anchor, because you can’t use two hyperlinks on the same element… Is there a way to go to the anchor point with the same thumbnail that triggers iframe.?
I am trying to make that thing when you press a thumbnail and the page goes to the place where the video starts to load.