我正在尋找一種方法，可以在下拉菜單中選擇某個CSS時播放和播放不同的YouTube視頻。我在想JavaScript可以用來檢查CSS。挑選某個CSS時可以播放YouTube視頻嗎？

添加到頁面的html標題。

<script type="text/javascript" src="=./javascript/playvid4css.js"></script>

如/ CSS

red.css
blue.css

Red plays
Blue plays

也許增加一個div文件到HTML對於其中視頻似乎。

<div id="yvideo"></div>

＃

的YouTube embeding代碼。

老嵌入代碼：

<object width="420" height="315"> 
    <param name="movie" value="http://www.youtube.com/v/N9ync7sLSd4?version=3&amp;hl=en_GB&amp;rel=0"></param> 
    <param name="allowFullScreen" value="true"></param> 
    <param name="allowscriptaccess" value="always"></param> 
    <embed src="http://www.youtube.com/v/N9ync7sLSd4?version=3&amp;hl=en_GB&amp;rel=0" type="application/x-shockwave-flash" width="420" height="315" allowscriptaccess="always" allowfullscreen="true"></embed> 
</object>

的YouTube的iframe代碼：

<iframe width="420" height="315" src="http://www.youtube.com/embed/N9ync7sLSd4?rel=0" frameborder="0" allowfullscreen></iframe>

＃

任何想法（可能他們會試圖使用在未來所有視頻的代碼）如何將JavaScript連接到CSS，這樣不同的YouTube會出現，還是有更簡單的方法來做到這一點？

來源

2012-04-08 What Me

看看document.styleSheets - 它是與您的網頁相關的樣式表數組（有序列表）。給定的樣式是否已經應用或不

https://developer.mozilla.org/en/DOM/stylesheet

的disabled財產狀態：你可以在這裏找到一個參考。

所以，你可以迭代樣式表，當你遇到紅色或藍色時，檢查它們是否被應用（不禁用）。

var i; 
for (i = 0; i < document.styleSheets.length; i++) 
    if (document.styleSheets[i].href == "myRedStyleSheet.css" && 
     !document.styleSheets[i].disabled) { 

      // code for the red stylesheet 

    } else if (document.styleSheets[i].href == "myBlueStyleSheet.css" && 
       !document.styleSheets[i].disabled) { 

      // code for the blue stylesheet 
    }

來源

2012-04-08 22:57:36 Imp

IM假設烏爾使用下拉改變包括CSS ..若是..然後在其上讀取烏爾改變的值並改變.CSS文件u能也刪除舊的I幀相同的選擇的事件和添加一個新的..這將是容易..通過使用JQUERY

來源

2012-04-08 23:00:14

plz幫助我改進，並留下一個評論，描述你的投票理由拒絕投票時，你會很容易.. thankx – 2012-04-08 23:02:52

拼寫，沒有代碼，沒有例子，沒有什麼突出的，所以沒有格式，我甚至不會讀這篇文章。 – 2017-10-18 14:26:17

挑選某個CSS時可以播放YouTube視頻嗎？

＃

＃

回答

相關問題