使嵌入的 YouTube 播放列表从随机索引开始答案

【问题标题】：Make embedded YouTube Playlist start at random index使嵌入的 YouTube 播放列表从随机索引开始
【发布时间】：2017-02-21 06:02:37
【问题描述】：

我一直在寻找一种方法，让我的嵌入式播放列表以随机视频开头。

这是我尝试过的：

<iframe src="https://www.youtube.com/embed/videoseries?list=PLPmj00V6sF0s0k3Homcg1jkP0mLjddPgJ&index=<?php print(rand(1,11)) ?>?rel=0&autoplay=1&showinfo=0&controls=0&authide=0&iv_load_policy=3&?modestbranding=1" frameborder="0"  allowfullscreen></iframe>

遗憾的是，由于某种原因，这不起作用。回声也没有。其他解决方案（以及 stackoverflow https://shrty.top/j 上的少数解决方案）也不起作用。有什么想法吗？

【问题讨论】：

是巨魔还是为什么我在尝试使用您的代码时会得到 Troll Vid？
Embedding Youtube playlist but starting from random video的可能重复
这是一个包含有趣视频的播放列表。这不是巨魔。尝试使用其他播放列表，它也不起作用。使用此代码，它始终显示相同的视频 (Rickroll)
好时机，今天也遇到了。使用现代 iFrame API（唯一未弃用的 API）我没有看到这样做的方法:(
Vincent P 的回答让你完成了 90% 的工作，除了它从第一个视频开始并在之后随机播放。可能是一个很好的起点？如果您知道如何在初始加载时随机播放，请告诉我！ stackoverflow.com/questions/36035124/…

标签： javascript php html youtube

【解决方案1】：

知道了。这有效：

<html>

<head>
    <script>
        var videos = ["https://www.youtube.com/embed/9bZkp7q19f0", "https://www.youtube.com/embed/dQw4w9WgXcQ"];
        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>

【讨论】：

虽然此代码可能会回答问题，但提供有关它如何和/或为什么解决问题的额外上下文将提高答案的长期价值。