更改嵌入式視頻文件的對象參數值

我期待更改源參數以及嵌入參數在視頻對象中，當我的用戶點擊一個鏈接，我似乎無法獲得新的視頻顯示。在參數中加載的默認視頻工作得很好，只是不知道爲了加載新視頻該怎麼做。這裏是我的腳本和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;"); 
}

基本上在switch語句中，取決於用戶按下什麼視頻來查看我想更改以下參數;

和

改變所有這些值的新的視頻文件中聲明。上面的不同情況是我嘗試的不同的事情，但沒有任何工作。任何幫助將不勝感激。謝謝大家！

來源

2013-08-27 Nick G

經過一番研究，我發現最好的方法是在我的開關盒中重建代碼中的整個對象元素，並將其添加到div成功的.html（）屬性中。

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; 
    } 
}

來源

2013-08-28 15:48:02

更改嵌入式視頻文件的對象參數值

回答

相關問題