要实现同一个按钮在每次点击时播放不同的视频,可以通过以下步骤来实现:
<video id="myVideo" controls>
<source src="video1.mp4" type="video/mp4">
</video>
var button = document.getElementById("myButton");
button.addEventListener("click", playRandomVideo);
function playRandomVideo() {
var video = document.getElementById("myVideo");
var randomIndex = Math.floor(Math.random() * numberOfVideos); // numberOfVideos为视频数量
var videoSource = "video" + randomIndex + ".mp4";
video.src = videoSource;
video.play();
}
需要注意的是,以上代码只是一个简单的示例,实际应用中可能需要根据具体情况进行适当的修改和优化。另外,视频文件的加载和播放可能需要一定的时间,因此在切换视频时可能会有一定的延迟。
对于腾讯云相关产品,可以使用腾讯云的对象存储服务 COS 存储视频文件,并使用腾讯云的云点播服务 VOD 进行视频的播放和管理。具体的产品介绍和文档可以参考以下链接:
领取专属 10元无门槛券
手把手带您无忧上云