2010-01-09 22 views
0

我有一個Embed對象,顯示一個視頻流,如何設置一個html鏈接,所以當用戶點擊鏈接時,它會打開另一個窗口來顯示視頻?如何鏈接到HTML中的嵌入對象?

<embed id="player" src="http://media2.wtnh.com/_local/livestreams/FMLPlayer.swf" align="center" width="588" height="351" wmode="opaque" allowfullscreen="true" flashvars="live=true&megastream=rtmpe://megastream.uvault.com/lbservice/&uniqueId=d733607a4ce559&shuffle=false&displayheight=425&autostart=true&frontcolor=0xFFFFFF&backcolor=0x000000&lightcolor=0xCCCCFF&overstretch=true&showicons=false&showvolume=false&volume=0&showdigits=false&showicons=false&showvolume=false&repeat=list"></embed> 

這裏是我的html文件:

<Html> 
<Head><Title>TV Channels</Title></Head> 

<Body BgColor=#D6D6D6 Link=#FFFFFF Vlink=#00FFFF> 

<Center> 

     <Table Cellspacing=0 Cellpadding=0> 
     <Tr><Td Align=Center Valign=Bottom BgColor=#3366FF><A Href="" target="_blank"><Font Size=2 Color=white>AlJazeeraEnglish</Font></A></Td></Tr> 
     <Tr> 
      <Td> 
      <Object Width=588 Height=351> 
       <embed id="player" src="http://freetubetv.net/media/ftbe.swf" align="center" width="588" height="351" wmode="opaque" allowfullscreen="true" flashvars="image=http://i.imagehost.org/0103/aljazeera.gif&file=livestation/aljazeer_en_medium.sdp&streamer=rtmp://liveplay.simplecdn.net/aljazeerenhqf800/&displayheight=425&shuffle=true&autostart=true&overstretch=true&showicons=false&showvolume=false&volume=0&showdigits=false&showicons=false&showvolume=false&repeat=list&displayclick=fullscreen&controlbar=none&icons=false"></embed> 
      </Object> 
      </Td> 
     </Tr> 
     </Table> 

</Center> 
</Body> 
</Html> 

現在,如果你點擊的標題是「AlJazeeraEnglish」它會打開一個空的窗口,如何顯示在空窗的嵌入式視頻輸入?我知道一種方法是將<embed>...</embed>字符串保存到另一個html文件中,並鏈接到該文件。但我不想將它保存到另一個文件,我想知道我能否以某種方式將該字符串傳遞給該鏈接,例如:<A Href="<embed>...</embed>" target="_blank">

回答

1

創建另一個頁面,它的所有內容都是嵌入式視頻。爲該頁面創建一個錨標籤。利潤。

編輯:

你不能這樣做,因爲你是希望。如果您有服務器端處理,或者您想要做一些俗氣的JavaScript,您可以通過添加查詢參數作爲鏈接的一部分,並根據這些參數更改嵌入標記的大小以填充頁面,從而更改相同頁面的外觀。不過這不推薦。

推薦的方法是一個新的html頁面。如果您擔心兩個頁面之間的代碼會重複,您可以將embed標籤封裝到JavaScript文件中,並將其動態添加到每個頁面所需的位置,或者使用某種預處理器加入頁面,就像Dreamweaver一樣。

編輯2:

var params = window.location.search.substring(1); 
var splitParams = params.split('&'); 

var targetKey = "fullscreen"; 
var targetValue = null; 

var keys = new Array(); 
var values = new Array(); 

for (i = 0; i < splitParams.length; i++) { 
    var keyValue = splitParams[i].split('='); 

    keys.push(keyValue[0]); 
    values.push(keyValue[1]); 
} 

for (i = 0; i < keys.length; i++) { 
    if (keys[i] == targetKey) { 
     targetValue = values[i]; 
     break; 
    } 
} 

if (targetValue != null) { 
    // Do something different with your embed object 
} else { 
    // Do what you're doing now with your embed object 
} 
+0

使用JavaScript來實現這一點的任何示例代碼? – Frank 2010-01-09 18:53:32

+0

有趣...但我不是很熟悉JavaScript,我怎麼插入你的示例代碼到我的HTML?我想它需要去的一部分呢?該鏈接看起來像什麼?謝謝 ! – Frank 2010-01-10 03:16:28