使用iFrame javascript在每次访问/刷新时播放随机视频
如何创建一个随机视频,以便在用户每次使用Javascript访问/重新加载页面时播放 例如,如果一个人进入我的域,iFrame将尝试加载我的媒体文件目录中的任何.mp4文件,其中包含4个不同的.mp4视频。下面是我的代码 代码:使用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(“暂停恢复按钮”);
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()