Javascript HTML从数组随机加载SRC路径的路径ID

Javascript HTML从数组随机加载SRC路径的路径ID,javascript,html,youtube,Javascript,Html,Youtube,我试图让网页从数组中随机加载youtube视频,这就是我想告诉你的 String[] pathID = {"ONjesT18bVQ","ONjesT18bVQ","ONjesT18bVQ"}; <div style="position: fixed; z-index: -99; width: 100%; height: 100%"> <iframe frameborder="0" height="100%" width="100%" src="https://youtube.

我试图让网页从数组中随机加载youtube视频,这就是我想告诉你的

String[] pathID = {"ONjesT18bVQ","ONjesT18bVQ","ONjesT18bVQ"};

<div style="position: fixed; z-index: -99; width: 100%; height: 100%">
<iframe frameborder="0" height="100%" width="100%"
src="https://youtube.com/embed/"+ pathID[get random number here]+"autoplay=1&controls=0&showinfo=0&autohide=1">
</iframe>
</div>
String[]pathID={“ONjesT18bVQ”、“ONjesT18bVQ”、“ONjesT18bVQ”};
这就是我想要它看起来的样子,pathID是从数组加载的,但我不知道如何在HTMl中做到这一点,我在HTMl方面没有太多经验


谢谢

只需使用随机youtube id设置
iframe
src

JS

var paths = ["ONjesT18bVQ","ONjesT18bVQ","ONjesT18bVQ"]; //array of ids

var item = paths[Math.floor(Math.random()*paths.length)]; //random

document.getElementById("video").src = "https://youtube.com/embed/"+item+"?autoplay=1&controls=0&showinfo=0&autohide=1" //set id
HTML

<div style="position: fixed; z-index: -99; width: 100%; height: 100%">
   <iframe id="video" frameborder="0" height="100%" width="100%"></iframe>
 </div>

这不是JS:)


var videoLinks=[“ONjesT18bVQ”、“ONjesT18bVQ”、“ONjesT18bVQ”],
url=“”,
l=videoLinks.length,

headerBlock='嘿,我在这里运行代码时遇到了问题,我已经添加了缺少的>,但仍然没有load@user4335407在htmloh lol之后加载JS文件,使您的代码正常运行并使用
它可以工作,但由于某些原因它不会加载这些
autoplay=1&controls=0&showinfo=0&autohide=1
我不知道为什么
/autoplay=1&controls=0&showinfo=0&autohide=1
应该是
?autoplay=1&controls=0&showinfo=0&autohide=1
谢谢
<script type="text/javascript">
var videoLinks = ["ONjesT18bVQ","ONjesT18bVQ","ONjesT18bVQ"],
    url = '',
    l = videoLinks.length,
    headerBlock = '<div style="position: fixed; z-index: -99; width: 100%; height: 100%"><iframe frameborder="0" height="100%" width="100%"src="https://youtube.com/embed/',
    footerBlock = '"autoplay=1&controls=0&showinfo=0&autohide=1"></iframe></div>',
    i;

function getRandomInt(min, max) {
    return Math.floor(Math.random() * (max - min + 1)) + min;
}

for (i=0; i<l; i++){
  document.writeln( headerBlock + videoLinks[getRandomInt(0,l)] + footerBlock );
}
</script>