Html5下拉菜單 - 使YouTube視頻出現

Question

第一次在這個論壇上。我有點新的HTML5，所以即時通訊嘗試一些不同的編碼技巧。但這一個我不明白。我是這樣開始的

<select> 
<option value=">"blank">Choose one of the videos</option> 
<option value=">Dronefilm1">Drone flying over city</option> 
<option value=">Dronefilm2">Flying around a bridge</option> 
<option value=">Drone film3">autonomous flight</option> 
</select> 

我從哪裏出發？我應該在css文件中寫些什麼，以及如何讓視頻從YouTube上出現？

感謝您的回答！

Answer 1

您需要JavaScript才能做到這一點。

您應該將event listener設置爲onchange事件，然後根據選擇的值顯示/隱藏視頻。

Here你可以看到更改select時做某事的例子。