我正在寻找一种方法，可以在下拉菜单中选择某个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视频吗？

＃

＃

回答

相关问题