使用JavaScript替换页面上的元素

时间:2012-02-26 13:05:11

标签: javascript flowplayer

我有一个运行客户端的视频播放器,我想为它存储一个配置,所以我不必每次都写它。

我知道在哪里可以在标记中放置标记,例如:

<player id="Player1" #marker></player>

或其他相关内容,然后将#marker替换为我在javascript函数中存储的设置。

我知道一些基本的Javascript,但我从未做过如此先进的事情。

以下是一个例子:

<script type="text/javascript" language="JavaScript">
    flowplayer("player", "http://www.easymuaythai.com/Videos/FlowPlayer/flowplayer-3.2.7.swf", #marker);
</script>

如果它说#marker,我想用以下内容替换它:

{
        clip: {
            Scaling: 'fit',
            onStart: function (clip) {
                var w = parseInt(clip.metaData.width, 10),
                    h = parseInt(clip.metaData.height, 10);
                $(this.getParent()).css({
                    width: w,
                    height: h
                });
            }
        }
    }

3 个答案:

答案 0 :(得分:2)

你可以使用JQuery, 将其添加到页面的Head部分:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>

然后将其写入您的js文件或部分

$('#player1').attr('playerConfiguration', 'Value');

会导致<player id="Player1" playerConfiguration="value"></player> 希望有所帮助...

答案 1 :(得分:1)

也许这会对你有帮助吗?它为玩家节点创建并设置一个属性(标记),并为其提供一个值(config)

<html>
    <head>
        <script type="text/javascript">
            var p = {
                onload: function() {
                    var markerAttribute = document.createAttribute("marker");
                    document.getElementById("Player1").setAttributeNode(markerAttribute);
                    markerAttribute.nodeValue = "config";
                }
            };
        </script>
    </head>
    <body onload="p.onload()">
        <div>
            <player id="Player1"></player>
        </div>
    </body>
</html>

答案 2 :(得分:1)

您可以包含Jquery并执行以下操作:

$("#Player1").attr('config', 'write=all&settings;you,need');

或类似的东西:

$("#Player1").replaceWith('The html code u want');