我刚开始学习 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:
有时会生成相同的数字,这将导致相同的元素。
我希望有人能教我一些这方面的知识!
最佳答案
它可能不多,但它是一个起点: 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');
});
});
关于javascript - 如何在 JavaScript 中从 html 引用 iframe,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22153410/