Javascript HTML从数组随机加载SRC路径的路径ID
我试图让网页从数组中随机加载youtube视频,这就是我想告诉你的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.
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>