gpt4 book ai didi

javascript - 在页面上连续播放随机视频而不重复

转载 作者:行者123 更新时间:2023-12-01 00:38:12 24 4
gpt4 key购买 nike

我创建了一些代码,可以让我看到 2 个不同的视频。当代码运行时,它会自动选择其中之一。我想做到这一点,以便在页面刷新时随机选择其中一个,但排除上次播放的视频。

<!DOCTYPE html>
<html>

<head>
<script>
var videos = ["https://www.youtube.com/embed/dQw4w9WgXcQ?autoplay=1", "https://www.youtube.com/embed/lJ6osaYFSIA?autoplay=1"];
window.onload = function () {
var playerDiv = document.getElementById("random_player");
var player = document.createElement("IFRAME");
var randomVideoUrl = videos[Math.floor(Math.random() * videos.length)];
player.setAttribute('width', '640');
player.setAttribute('height', '390');
player.setAttribute('src', randomVideoUrl);
playerDiv.appendChild(player);
};
</script>
</head>

<body>
<div id="random_player" />
</body>

</html>

最佳答案

How will i be able to do that are you able to give a demonstration please

编辑:我们需要一个 id,因为如果我们拼接数组,索引就会改变:

var videos = [
{id:1 , url:"https://www.youtube.com/embed/dQw4w9WgXcQ?autoplay=1"},
{id:2 , url:"https://www.youtube.com/embed/lJ6osaYFSIA?autoplay=1"}
];
window.onload = function () {
var playerDiv = document.getElementById("random_player");
var player = document.createElement("IFRAME");
var previousId = localStorage.getItem('previousId');
if(previousId) {
var previousIndex = videos.findIndex(v => v.id === parseInt(previousId));
videos.splice(previousIndex, 1);
}
var current = Math.floor(Math.random() * videos.length);
localStorage.setItem('previousId', videos[current].id);
var randomVideoUrl = videos[current].url;
player.setAttribute('width', '640');
player.setAttribute('height', '390');
player.setAttribute('src', randomVideoUrl);
playerDiv.appendChild(player);
};

关于javascript - 在页面上连续播放随机视频而不重复,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57923998/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com