5

我正在寻找一种在从下拉菜单中选择某个 CSS 时显示和播放不同 youtube 视频的方法。我在想 JavaScript 可以用来检查 CSS。

添加到页面的 html 标头。

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

例如/ CSS

红色.css 蓝色
.css

红戏
蓝戏

也许将div文件添加到 html 中以显示视频的出现位置。

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

#

youtube 嵌入代码。

旧嵌入代码：

<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，或者有更简单的方法吗？

4

2 回答 2

1

看一下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-08T22:57:36.330 回答
0

我假设您使用下拉菜单更改包含的 css.. 如果是.. 然后在您读取更改的值并更改 .CSS 文件的同一选定事件上，您还可以删除旧的 Iframe 并添加一个新的.. 那将容易..使用JQUERY sply

于 2012-04-08T23:00:14.833 回答