2011-11-23 109 views
1

我有一個縮略圖列表,其中包含指向單個視頻的鏈接。一切工作正常在所有的瀏覽器,但IE瀏覽器。在IE中,如果我開始播放視頻並且(不點擊暫停或停止)單擊下一個視頻的縮略圖,音頻將繼續播放。換句話說,兩個視頻的音頻一次播放。有什麼建議麼?當我顯示/隱藏視頻時,在IE中重疊音頻

HTML:

<ul class="videoButtons"> 
    <li><a class="vidButton" href="javascript:void(0)" id="1" ><img src="images/videoPics/vid1Thumb.jpg" /><br />video title</a></li> 
    <li><a class="vidButton" href="javascript:void(0)" id="2" ><img src="images/videoPics/vid2Thumb.jpg" /><br />video title</a></li> 
    <li><a class="vidButton" href="javascript:void(0)" id="3" ><img src="images/videoPics/vid3Thumb.jpg" /><br />video title</a></li> 
    </ul> 

<div class="box" id="video1"> 
    <!--flv embedded object - FLVPlayer--> 
</div> 
<div class="box" id="video2"> 
    <!--flv embedded object - FLVPlayer1--> 
</div> 
<div class="box" id="video3"> 
    <!--flv embedded object - FLVPlayer2--> 
</div> 

顯示/隱藏代碼:

$(".vidButton").click(function() 
{ 
var buttonID = $(this).attr('id'); // get ID of the button clicked 
var video = $('#'+'video'+buttonID); // add ID number to video 
$('.box').hide(); // hide all other divs 
video.fadeTo("slow", 1); // show video 
}); 
}); 
// video objects 
swfobject.registerObject("FLVPlayer"); 
swfobject.registerObject("FLVPlayer1"); 
swfobject.registerObject("FLVPlayer2"); 
+0

什麼flash播放器是您使用?當你點擊另一個縮略圖時,你可能不得不停止視頻。 –

回答

0

而不是加載所有玩家不同的背景下,考慮加載一個球員,如果有使用API​​的命令加載在這種情況下來自不同網址的視頻。當不使用API​​時,您可能需要動態地向瀏覽器的DOM添加/刪除適當的對象。

代碼示例後者選項