Javascript 根据链接[js]中的id播放视频

我有一个包含3个视频的页面。单击视频时，它将以模式打开，单击“远离”将关闭视频。酷

有CSS来定位视频，并在需要关闭的地方绘制。然后是Javascript文件，它读取所有类名并创建打开和关闭视频的单击。目前，我需要一个名为001、002、003的类块。。。链接到相同数量的JavaScript文件，这些文件也使用这些新名称和视频链接进行了编辑。由于同一HTML文件中的类ID都必须与不同，因此我还需要样式表中的其他代码，尽管除了名称之外，所有代码都是相同的

此页面将包含30个或更多视频

我知道堆栈溢出是为了调整彼此的代码，但如果您至少能为我指出正确的方向，那将非常有帮助

我正在寻找一种方法来制作YouTube视频列表，并将它们附加到链接，以便只需要一个CSS脚本就可以同时为所有视频设置样式，并且只需要一个Javascript文件就可以以相同的方式播放所有视频

我需要的（我想）是JavaScript中的方法，用于抓取单击的字符串，并将其放入代码块中，然后显示相关的视频

因此，如果我点击video#12，JS将显示一个包含youtube*com/embed/（video#12）的模式

---

另一个例子是剧院放映室中的一个家伙播放8个不同的视频，而每个放映1个视频的人有8个。

您可以将带有视频链接的属性附加到每个视频元素中。然后，您可以将所有元素赋予同一个类，甚至通过该类将它们作为目标。单击它们时，JS代码应该从附加属性中检索视频链接，并将其显示在模型中

所以它会是这样的：

链接标题
链接标题
...

然后在每个元素上添加一个事件侦听器：

var videoLink=document.querySelector（“.videoLink”）；
videoLink.addEventListener（'click'，function（）{
var link=this.getAttribute（“数据链接”）；
openmodel（link）；//打开模式的方法。
});

使用此功能，您可以根据需要向

视频链接

类添加样式，以针对所有视频链接，而不使其具有不同的id或类。它也不会限制视频的数量，因为它们都有自己的链接直接连接到元素

也许这会把你引向正确的方向？

解决了！请看 对于结果和我滔滔不绝地谈论每个人的帮助是多么令人敬畏：）