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

使用iFrame javascript在每次访问/刷新时播放随机视频,javascript,dom,Javascript,Dom,如何创建一个随机视频,以便在用户每次使用Javascript访问/重新加载页面时播放 例如,如果一个人进入我的域,iFrame将尝试加载我的媒体文件目录中的任何.mp4文件,其中包含4个不同的.mp4视频。下面是我的代码 代码: const video=document.currentScript.parentElement; video.volume=0.15; 函数pause_resume(){ const button=document.getElementById(“暂停恢复按钮”);

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

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

代码:


const video=document.currentScript.parentElement;
video.volume=0.15;
函数pause_resume(){
const button=document.getElementById(“暂停恢复按钮”);
如果(视频暂停){
视频播放()
button.textContent=“恢复视频”;
}否则{
视频暂停()
button.textContent=“暂停视频”;
}
}```

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


相关问题:

iframe托管在您的域或某个第三方域上?它托管在目录中。资产/媒体/lofi.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";
        }
      }```
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()