尝试在div中的iframe中随机添加几个链接youtube视频

时间:2016-06-16 11:29:55

标签: javascript iframe youtube

尝试在页面上传时使用随机youtube链接制作iframe,而无需任何onclick

%h
var glink = 0;
var games = new Array();

games[glink++] = "http://www.youtube.com/pRpvdcjkT3k";
games[glink++] = "http://www.youtube.com/Te4wx4jtiEA";

function randomglink() {
    var random = rand(glink) - 1;
    location.src = games[random];
}

2 个答案:

答案 0 :(得分:0)

src属性类似于执行javascript函数以获取其位置/网址的事件(例如onclick)。但您可以动态更改src属性。

在页面加载时触发脚本(没有jQuery等)

<body onload="randomglink()">

为了操纵您的iframe元素,请为其指定id(必须是唯一的)。在这个例子中,我将其命名为videoFrame

<div><iframe id="videoFrame" width="283" height="242.5" src="" frameborder="0" allowfullscreen></iframe></div>

然后从您的脚本中设置src属性:

function randomglink() {
    var random = rand(glink) - 1;
    document.getElementById('videoFrame').src = games[random];
}

答案 1 :(得分:0)

这有助于你:

&#13;
&#13;
<html>
<head>
</head>
    <body>
        <div>
            <iframe id="ifo" width="283" height="242.5" frameborder="0" allowfullscreen>
        </iframe>
        </div>
        
        <script>
                var glink = 1;
                var games = new Array();

                games[glink++] = "http://www.w3schools.com";
                games[glink++] = "https://mail.google.com";

                function randomglink() {
                     var randomNum =Math.floor((Math.random() * 2) + 1); 
                     document.getElementById("ifo").src = games[randomNum];
                }
            randomglink();
        </script>
    </body>
</html>
&#13;
&#13;
&#13;