我可以使用什么来将 YouTube 视频的链接存储到我的页面中？ [关闭]

Question

我想为我的网页从头开始创建视频幻灯片。

到目前为止，我没有直接显示视频，而是使用 JavaScript 编写了一个代码，该代码接受一个 YouTube 视频 URL 并将其缩略图显示在幻灯片上，问题就出在这里：

视频中的 URL 必须存储在某个地方，这样脚本才能正常工作，我一直在使用“src”属性将 URL 隐藏在 HTML 代码中，但这意味着我必须直接在每次我想在幻灯片上显示不同的视频时的 HTML 代码。

我正在考虑使用数据库 (SQL) 来存储 URL，但我读到链接 JS/HTML 和 SQL 是一种不好的做法，并且会带来不必要的问题，并且会带来头痛而不是解决方案。那么我可以在哪里或用什么来存储这些 URL 并将它们正确链接到我的代码中？

Answer 1

数据库是正确的答案，但是，对于链接，您可能不需要 SQL。我建议使用 JSON，但这在这里甚至可能没有必要。您可以从外部 JS 文件加载链接数组。它的内容是：

var youtubeLinks = [
  'https://youtube.com/link1',
  'https://youtube.com/link2',
  'https://youtube.com/link3'
];

如果该文件名为 script.js 并且存储在您的网站根目录中，那么您可以将其加载到您的 HTML 中：

<script src="script.js"></script>

然后在您已经编写的 javascript 代码中，您可以通过循环传递每个链接。也许是这样的：

for (var i = 0; i < youtubeLinks.length; i++) {
  thisLink = youtubeLinks[i];
  // your code here
}