Изменение значения параметра объекта для встроенного видеофайла

Question

Я хочу изменить исходный параметр, а также вставить параметр в видеообъект, когда мой пользователь нажимает на ссылку, и я просто не могу показать новые видео. Видео по умолчанию, загружаемое в параметры, работает отлично, просто не уверен, что делать, чтобы загрузить новое видео. вот мой скрипт и HTML.

<div id="videoPlayerDiv" style="height: 350px; width: 350px;"> 
<div id="videoTable"> 
    <table> 
     <tr> 
      <td><b>Trading Videos</b></td> 
     </tr> 
     <tr> 
      <td>--></td><td><a href="#" onclick="playVideo('tradingOverview');">Trading Overview</a></td> 
     </tr> 
     <tr> 
      <td>--></td><td><a href="#" onclick="playVideo('multiAccount');">Multi-Account Trading Wizard</a></td> 
     </tr> 
     <tr> 
      <td>--></td><td><a href="#" onclick="playVideo('globalUnlock');">Global Unlock</a></td> 
     </tr> 
    </table> 
</div> 
<div id="videoPlayer" style="display:none; height: 250px; width: 250px;"> 
    <object id="objViewer" width="250" height="250" type="video/x-ms-asf" data="Wildlife.wmv" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6"> 
     <param name="url" value="Wildlife.wmv"> 
     <param name="filename" VALUE="Wildlife.wmv"> 
     <PARAM name="autostart" VALUE="0"> 
     <param name="uiMode" value="full"> 
     <param name="autosize" value="1"> 
     <param name="playcount" value="1"> 
     <EMBED TYPE="application/x-mplayer2" src="Wildlife.wmv" NAME="MediaPlayer" id="wmvViewer" autostart="false" 
      WIDTH="250" HEIGHT="250" ShowControls="1" ShowStatusBar="0" ShowDisplay="0"> 
     </EMBED> 
    </OBJECT><br/> 
    <a onclick="returnVideos();">Return to Videos</a> 
</div> 

с последующим кодом;

function playVideo(x){ 
$("#videoTable").attr("style","display:none;"); 
$("#videoPlayer").attr("style","display:block;"); 

var videoToPlay = x; 
switch(videoToPlay){ 
    case 'tradingOverview': 
     //alert(videoToPlay); 
     var newElement = "Wildlife.wmv"; 
     $("#wmvViewer").attr('src', newElement); 
    break; 
    case 'multiAccount': 
     //alert(videoToPlay); 
     var newElement = "BabyBoyMainBackground.wmv"; 
     $("#wmvViewer").attr('src', newElement); 
    break; 
    case 'globalUnlock':   
     var newElement = "Panel_Mask.wmv"; 
     $('#objViewer').find('embed').attr('url', newElement); 
     $('#objViewer').find('embed').attr('filename', newElement); 
     $("#wmvViewer").attr('src', newElement); 
     //alert(videoToPlay); 
    break; 
} 
} 
function returnVideos(){ 
$("#videoTable").attr("style","display:block;"); 
$("#videoPlayer").attr("style","display:none;"); 
} 

в основном в операторе переключателя, в зависимости от того, что видео пользователь нажал для просмотра я хочу, чтобы изменить следующие параметры;

и

изменения всех этих значений в новый видеофайл объявлен. разные случаи выше, чем разные вещи, которые я пытался, но ничего не работало. Любая помощь будет принята с благодарностью. Спасибо всем!

Answer 1

После некоторого исследования я обнаружил, что лучший способ сделать это - перестроить весь элемент объекта в коде в моем случае коммутатора и добавить его к свойству .html() для div, который был успешным.

function playVideo(x){ 
    $("#videoTable").attr("style","display:none;"); 
    $("#videoPlayer").attr("style","display:block;"); 
    $("#videoPlayer").html(""); 

    var videoToPlay = x; 
    switch(videoToPlay){ 
     case 'tradingOverview': 
      //alert(videoToPlay); 
      var newElement = "<object id='objViewer' width='250' height='250' type='video/x-ms-asf' data='Wildlife.wmv' classid='CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6'><param name='url' value='Wildlife.wmv'><param name='filename' VALUE='Wildlife.wmv'><PARAM name='autostart' VALUE='0'><param name='uiMode' value='full'><param name='autosize' value='1'><param name='playcount' value='1'><EMBED TYPE='application/x-mplayer2' src='Wildlife.wmv' NAME='MediaPlayer' id='wmvViewer' autostart='false' WIDTH='250' HEIGHT='250' ShowControls='1' ShowStatusBar='0' ShowDisplay='0'></EMBED></OBJECT><br/><a onclick='returnVideos();'>Return to Videos</a>"; 
      $("#videoPlayer").html(newElement); 
     break; 
     case 'multiAccount': 
      //alert(videoToPlay); 
      var newElement = "<object id='objViewer' width='250' height='250' type='video/x-ms-asf' data='BabyBoyMainBackground.wmv' classid='CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6'><param name='url' value='BabyBoyMainBackground.wmv'><param name='filename' VALUE='BabyBoyMainBackground.wmv'><PARAM name='autostart' VALUE='0'><param name='uiMode' value='full'><param name='autosize' value='1'><param name='playcount' value='1'><EMBED TYPE='application/x-mplayer2' src='BabyBoyMainBackground.wmv' NAME='MediaPlayer' id='wmvViewer' autostart='false' WIDTH='250' HEIGHT='250' ShowControls='1' ShowStatusBar='0' ShowDisplay='0'></EMBED></OBJECT><br/><a onclick='returnVideos();'>Return to Videos</a>"; 
      $("#videoPlayer").html(newElement); 
     break; 
     case 'globalUnlock':   
      var newElement = "<object id='objViewer' width='250' height='250' type='video/x-ms-asf' data='Panel_Mask.wmv' classid='CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6'><param name='url' value='Panel_Mask.wmv'><param name='filename' VALUE='Panel_Mask.wmv'><PARAM name='autostart' VALUE='0'><param name='uiMode' value='full'><param name='autosize' value='1'><param name='playcount' value='1'><EMBED TYPE='application/x-mplayer2' src='Panel_Mask.wmv' NAME='MediaPlayer' id='wmvViewer' autostart='false' WIDTH='250' HEIGHT='250' ShowControls='1' ShowStatusBar='0' ShowDisplay='0'></EMBED></OBJECT><br/><a onclick='returnVideos();'>Return to Videos</a>"; 
      $("#videoPlayer").html(newElement); 
      //alert(videoToPlay); 
     break; 
    } 
}