如何在 JavaScript 中从 html 引用 iframe

Question

我刚开始学习 html 和 CSS，现在我想添加一点我不知道的 JavaScript！

我想创建一个随机按钮，在 iframe 中显示随机嵌入视频（例如 1-5 个视频）。我搜索了谷歌，发现了一个 JavaScript/(jQuery?)：

<script type="text/javascript" src="jquery-1.11.0.min.js"></script>

<script type="text/javascript">
$(document).ready(function() {

var array=["Item1", "Item2", "Item3", "Item4", "Item5"];
$('#button').bind('click', function() {

    var random = array[Math.floor(Math.random() * array.length)];
    $("h1").html(random);
});
});
</script>

用html：

<h1>Will be replaced</h1>
<button id="button">Random</button>

例如，在我的 html 中，我得到了：

<iframe width="640" height="360" src="http://www.youtube.com/embed/npvNPORFXpc"     frameborder="0" allowfullscreen></iframe>           

我希望这个嵌入的视频显示在页面上，当你点击随机按钮时，它应该变为 1-5 个视频。如何在 JavaScript 中将其设置为一个项目，以便每个项目都有一个视频？

问题 2：

有时会生成相同的数字，这将导致相同的项目。

我希望有人可以教我一些关于这方面的知识！

Answer 1

它可能不多，但它是一个起点： Click me

刚刚获得了我能找到的前 5 个视频 ID :))

这里是 Js：

$(document).ready(function() {
    var array=["FOIjvHjK0Rw", "CcsUYu0PVxY", "dE_XVl7fwBQ", "iIwxR6kjTfA", "USe6s2kfuWk"];
    $('#button').bind('click', function() {
        var random = array[Math.floor(Math.random() * array.length)];
        $("h1").html(random);
        var url="http://www.youtube.com/embed/"+random;
        $('#frame').attr('src', url);
        $('#frame').css('visibility','visible');
    });
});