Javascript 如何在一个视频结束时背靠背播放来自不同网站的嵌入式多个视频

我有一个视频链接的嵌入式播放列表，来自不同的网站，如Dailymotion、YouTube、Vimeo等，我想在我正在工作的个人网站上进行背靠背播放。我在互联网上发现了一个脚本，它可以播放多个网站的嵌入式视频，但它只能随机播放一个视频。我希望脚本能够在一个视频播放完毕后背靠背地播放每个视频，但由于我没有任何javascript技能，我不知道如何调整此脚本以满足我的需要。有人知道我怎样才能做到这一点吗？我将非常感谢任何形式的帮助。谢谢以下是脚本：

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

        <script>

        var videos = ["https://www.dailymotion.com/embed/video/x7raxfh?queue-enable=false","https://ok.ru/videoembed/3188453542586","https://www.youtube.com/embed/X3wV5ydVewY" ];
        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>

var视频=[”https://www.dailymotion.com/embed/video/x7raxfh?queue-启用=假“，”https://ok.ru/videoembed/3188453542586","https://www.youtube.com/embed/X3wV5ydVewY" ];
window.onload=函数（）{
var playerDiv=document.getElementById（“随机播放器”）；
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（玩家）；
};

遵循下面的逐步代码-

步骤1 通过将url替换为所需url，将以下代码复制粘贴到html文件-

<iframe src="url" id="videoPlayer" height="200"">

步骤3

---

保存文件并在html文件上调用javascript文件。在浏览器中打开html文件，它将根据您提出的问题运行

很抱歉误解，但我认为标签只用于来自文件源的视频，而不是来自网站源的视频。如果我没有澄清，我很抱歉。我更新了我的帖子以反映这一点。我没有任何保存在文件中的视频，而是使用各种网站的嵌入式链接。但是，我尝试了您的代码，当我将标记更改为时，它会播放一个视频，但当第一个视频停止时，它不会播放下一个视频。iframe无法知道视频何时停止。视频标记有一个事件

结束

，您可以在上面看到。您可以在示例中看到视频URL的样子-您可能也可以在iframe代码中找到它。@PeterKrebs:我不知道iframes是这样的。谢谢你让我知道。@Uttam:我很抱歉。我一定是做错了什么。我复制了脚本并使用了标签，但我的页面上显示的只是一个带有空白屏幕的深灰色视频播放器。它不能播放视频。我试着将javascript放入html页面，也试着从外部js文件调用它，但似乎没有任何效果。@PeterKrebs当然，伙计，我已经对代码做了一些修改，希望现在它能很好地工作！

let videoSource = new Array();
videoSource[0] = 'https://www.dailymotion.com/embed/video/x7raxfh?queue-enable=false","https://ok.ru/videoembed/3188453542586';
videoSource[1] = 'https://www.youtube.com/embed/X3wV5ydVewY4';
let i = 0; // global
const videoCount = videoSource.length;
const element = document.getElementById("videoPlayer");
 
function videoPlay(videoNum) {
    element.setAttribute("src", videoSource[videoNum]);
    element.autoplay = true;
    element.load();
    element.play();
}
document.getElementById('videoPlayer').addEventListener('ended', myHandler, false);
 
videoPlay(0); // play the video
 
function myHandler() {
    i++;
    if (i == videoCount) {
        i = 0;
        videoPlay(i);
    } else {
        videoPlay(i);
    }
}