使用 iFrame javascript 在每次访问/刷新时播放随机视频答案

【问题标题】：play random video on each visit/refresh with iFrame javascript使用 iFrame javascript 在每次访问/刷新时播放随机视频
【发布时间】：2020-08-30 03:56:55
【问题描述】：

如何在每次用户使用 Javascript 访问/重新加载页面时创建一个随机视频来播放？

例如，如果有人要进入我的域，iFrame 会尝试在我的媒体文件目录中加载任何 .mp4 文件，其中包含 4 个不同的 .mp4 视频。下面是我的代码。

代码：

    <source src="assets/media/lofi.mp4" type="video/mp4" />
    <script type="text/javascript">
      const video = document.currentScript.parentElement;
      video.volume = 0.15;

      function pause_resume() {
        const button = document.getElementById("pause_resume_button");

        if (video.paused) {
          video.play()
          button.textContent = "resume video";
        } else {
          video.pause()
          button.textContent = "pause video";
        }
      }```

【问题讨论】：

iframe 托管在您的域或某个第三方域上？
它托管在目录中。资产/媒体/lofi.mp4

标签： javascript dom

【解决方案1】：

您需要使用Math.random 从列表中选择一个随机视频。然后将选择的视频url添加到html元素中，并触发“播放”事件。

const videos = ["video1.mp4", "video2.mp4", /* ... */ "video30.mp4"]
const randomNumber = Math.floor(Math.random() * videos.length)
const currentVideo = videos[ randomNumber ]

const videoElement = document.getElementById('video');
videoElement.src = currentVideo
videoElement.play()

相关问题：changing source on html5 video tag

【讨论】：