Question

我有一个小视频嵌入代码。

<iframe width="640" height="360" scrolling="no" src="http://link" frameborder="0" allowfullscreen></iframe>

我需要创建一个按钮，它会从一系列链接中随机选择并将其作为一个＆＃34; src＆＃34;在上面的代码中。

基本上是随机视频生成器。

谢谢

Answer 1

您可以在iframe上放置ID而不设置任何SRC（或默认情况下有一个）。并有一个可以填充它的按钮。

<强> HTML

<button onclick="randomVideo()">Random video</button>
<iframe src="" id="video" allowfullscreen></iframe>

然后你会得到你的链接数组，以及一个可以随机选择的函数

<强> JS

var links = [ "link1", "link2", "link3" ];
var random = 0;

// If you want a random video to be chosen on page load
randomVideo();

function randomVideo() {
    var temp = random;
    // Make sure we do not display the same video twice in a row
    while(temp == random) temp = Math.floor(Math.random() * links.length);
    random = temp;
    document.getElementById("video").src = links[random];
}

嵌入代码中的随机链接

1 个答案:

JS Fiddle Demo