JS & HTML - 我如何在 <section> 中嵌入随机视频？答案

【问题标题】：JS & HTML - how can i embed a random video in a <section>?JS & HTML - 我如何在 <section> 中嵌入随机视频？
【发布时间】：2020-11-18 14:58:20
【问题描述】：

我想在我的网站上播放一个随机视频。但我不知道如何制作，因为我是 HTML 和 JSS 的菜鸟。我搜索了一种简单的方法来做到这一点，但我找不到解决方案。

这就是我在网站上的代码，不同的视频应该来自这里。可悲的是，这不起作用。他试图找到一个名为“video/trailer1.mp4, video/trailer2.mp4”的文件

<section data-video-path="video/trailer1.mp4, video/trailer2.mp4"></section>

是否可以用逗号或其他东西将文件名添加到“trailer1”？有没有一种简单的方法可以添加视频并随机选择播放哪个视频？

我找到了一个功能，它可能有助于实现随机视频。我可以用 { 和 } 实现随机视频吗？

data-plugin-options="{'posterType': 'jpg', 'position': '50% 50%'}"

【问题讨论】：

标签： javascript html

【解决方案1】：

您可以使用<video> 元素在 HTML 中播放视频

见this和this

<video class="my-video" controls muted loop autoplay></video>

如果您想将视频源更改为随机源，则在 JavaScrpit 中：

const possibleVideos = ["video/trailer1.mp4", "video/trailer2.mp4"];
const randomVideo = possibleVideos[Math.floor(Math.random() * possibleVideos.length)];

document.querySelector('video.my-video').src = randomVideo;

参考：link

【讨论】：

【解决方案2】：

如果您想要来自 YouTube 的视频这是简单的方法

<iframe width="420" height="315"
src="https://www.youtube.com/embed/oHg5SJYRHA0">
</iframe>

【讨论】：

感谢发帖，但 OP 想要在 src 中随机播放视频
你可以改变它
是的，你可以，但你只是发布一些 HTML 代码，而不一定是如何提取随机文件。