Hoping someone can help, I ...Hoping someone can help, I know this is so easy, I'm just messing up the syntax somehow. I've tried a few things but can't seem to get it working.
Basically I have three videos on my page controlled by a jquery like "tabs" interface. Think 3 videos, 3 thumbnails. Only 1 video is showing at a time. When you click a thumbnail jquery hides the active div(video) and then shows the second.
In browsers like Firefox there is no problem. But in IE, the audio from the first video continues playing when I click a second video. So I need to someone say when I click a thumbnail and show a new video, stop all videos/stop the video playing etc..
Here is the base javascript:
$(function () {
var tabContainers = $('div.tabs > div');
tabContainers.hide().filter(':first').show();
$('ul.tabNavigation a').click(function () {
tabContainers.hide();
tabContainers.filter(this.hash).show();
$('ul.tabNavigation a').removeClass('selected');
$(this).addClass('selected');
return false;
}).filter(':first').click();
});
And here is my the Javascript where I've tried integrating the stop command:
$(function () {
var tabContainers = $('div.tabs > div');
tabContainers.hide().filter(':first').show();
$('ul.tabNavigation a').click(function () {
tabContainers.hide();
tabContainers.filter(this.hash).show();
player = document.getElementById(obj['id']);
player.sendEvent('STOP');
$('ul.tabNavigation a').removeClass('selected');
$(this).addClass('selected');
return false;
}).filter(':first').click();
});
Any help appreciated.
Hi, I think that as you have several reference like this:
player=document.getElementById("idplayer");
Luckily, that will help this.