The Joomla! Forum ™

I have set up my video slideshow with all of my YouTube videos playing and looking proper. The only problem is that when I have a video playing and switch to another video in the slideshow, the audio from the previous video continues to play instead of stopping when the new video starts.

I am guessing the video is also playing, but it is overlapped by the new video. I cannot figure out how to stop the previous video from playing automatically when the new video starts for the life of me. This is what the code for each video currently looks like:

<div style="clear: both;"><iframe src="http://www.youtube.com/embed/XXXXXXXXXXX?wmode=transparent" frameborder="0" width="1158" height="648"></iframe></div>

Anyone have any idea what the problem is and how to stop the previous video? It would REALLY help me out. Thanks!

.
I do not use WidgetKit, but I assume the slideshow is simply swapping the display of the HTML.
So even though you no longer see the display of the player, it is obviously still there in the page playing.

To get a player to stop playing automatically, generally
- the player is stopped using JavaScript triggered by an event, such as another player starting
- or the DIV containing the player is removed from the page, using JavaScript

So your slideshow is probably simply changing what is displayed.
This has no effect on the YouTube player.

Not sure what you are trying to do with a slideshow of YouTube videos, but there may be other options.
Please post a link to the page.
.

_________________
██ AllMedia4Joomla Project
██ http://sourceforge.net/projects/allmedia4joomla/
██ AllMedia YouTube Feed Gallery module released
██ Download: http://sourceforge.net/projects/allmedia4joomla/files/

Yes, exactly it is changing what is displayed, but still playing the previous in the background. The link to the page is the following:

http://kelleybarry.com/video

Thanks a lot!

.
This slideshow of YouTube videos is not going to work for a number of reasons.
Right now you have 7 players embedded in the page.
Disable CSS and you will see the 7 embedded players.
The slideshow is simply swapping the display using CSS and JavaScript.

You have no control over the YouTube player playback state in relation to the "slides" displayed.
Never going to work.

From a usability perspective it does not make sense.
The information scent is not there.
Most users will not know there are 7 videos, and will not find them, or watch them.

Displaying a 480p video (854x480) at 1158x648 does not make sense.
It is not going to look good upsized like that.
And resizing during playback is going to cause a playback performance hit.
Embed at native size for best playback performance.

Turn-off the related videos at the end of playback (rel=0).
At the end of the videos you are giving users 12 options to view someone else's videos.
And 12 options to leave your website.

Notice how the YouTube related videos display is a gallery of thumbnails, with more info available on rollover.
Easy to quickly see the other videos available.
Good information scent.


I suggest you display the videos in a manner which lets the user know you have 7 videos.
YouTube has a couple options.
- a playlist embed option which uses their playlist player embed code
- an ad hoc playlist tag which is used in the regular player embed code

There are a number of Joomla extensions which will display a YouTube playlist.
- Some display thumbnails below a YouTube player and properly swap the player so only one plays.
- Some use a 3rd-party player with an integrated playlist which displays below or on the side.
- Some display a gallery of thumbnails with pop-up players (see my signature below).

The current situation is simply not going to work so you need to consider other options.
.

_________________
██ AllMedia4Joomla Project
██ http://sourceforge.net/projects/allmedia4joomla/
██ AllMedia YouTube Feed Gallery module released
██ Download: http://sourceforge.net/projects/allmedia4joomla/files/