2013-10-02 15 views
0

我的問題是我需要在網站上有1個視頻播放器用於我在學校的項目(新的東西!),但它需要能夠播放2個視頻(取決於您從視頻播放器上方的下拉菜單中選擇的視頻),但我不知道如何做到這一點。選擇要通過下拉菜單播放哪個視頻..幫助要求

第一視頻叫做:V​​IDEO_1(mp4格式,並且還具有用於歌劇OGV格式) 第二視頻叫做:video_2(mp4格式,並且還具有用於歌劇OGV格式)

它們都是在一個名爲:視頻(只是給代碼)

所以..任何人都可以請幫助我這個?!

在此先感謝

+0

@plvdmeer很多糟糕的谷歌工作! – Debreker

回答

0

你需要這樣簡單的東西:

<div id="videoDiv"> 
    <video id="video" 
      width="480" height="360" 
      controls> 
     <source src="video/video_1.mp4"> 
    </video> 
</div> 

從這一點 - 你只需要將您的視頻名爲「視頻」和一些JavaScript文件夾中改變用戶更改下拉控件中的選擇時的源。

0

這裏有不同的解決方案,但我認爲你應該繼續搜索Google的答案。通過實驗學習東西是迄今爲止學習任何東西的最佳方式。但是,在訪問者更改選擇選項之後,您可以重定向頁面,如此處所示:Redirect automatically when selecting an item from a select drop-down list。 (不要忘記在你的HTML頁面中包含jQuery)。或者像其他答案所建議的那樣,使用JavaScript/jQuery尋找一個函數來改變html正文中的值。

希望這會有所幫助。我們在這裏幫助你學習,不幫你做作業;)