Javascript 如何在问题列表中制作不同的视频答案？

我需要制作一个包含问题和视频答案的弹出窗口

对我来说，棘手的部分是如何让每个问题都在同一个地方显示不同的视频。此外，当用户第一次看到弹出窗口时，应预定义第一个问题和视频

以下是弹出窗口的基本方案：

---

将每个视频设置为

display:none

，然后在执行某些用户操作后使用jQuery显示所需的项目。在我的例子中，我使用了

基本示例：

$（“.options>li”）。单击（函数（）{
$（“.view”）.css（'display'，'none'）
});
$（.li.aaa”）。单击（函数（）{
$（“.view.aaa”）.css（'display'、'block'）
});
$（“li.bbb”）。单击（函数（）{
$（“.view.bbb”）.css（'显示'，'块'）
});
$（.li.ccc”）。单击（函数（）{
$（“.view.ccc”）.css（'显示'，'块'）
});
*{
保证金：0；
填充：0；
框大小：边框框；
}
.包装纸{
显示器：flex；
宽度：90vw；
保证金：0自动；
对齐项目：居中；
}
.小组{
显示：内联块；
宽度：50%；
}
.视图{
最大宽度：100%；
显示：无；
边框：1px纯红；
}
.options>li{
宽度：100%；
背景：灰色；
列表样式：无；
保证金：.25em自动；
}


aaa
bbb
ccc



欢迎使用堆栈溢出！希望您至少尝试自己编写此代码。堆栈溢出不是代码编写服务。我建议你做一些，或者通过谷歌，或者通过搜索，尝试一下。如果您仍然有问题，请带着您的代码回来，并解释您尝试了什么。@ihazcode谢谢您，它成功了！但是这个问题的答案在一个视频中，你知道如何将整个视频切成碎片吗，所以当第一个问题的答案结束时，转到下一个问题并突出显示。