我可以使用哪些内容将YouTube视频链接存储到我的页面中?

时间:2017-10-31 05:58:52

标签: javascript jquery html video youtube

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

我没有直接显示视频,而是使用JavaScript编写代码,使用JavaScript获取YouTube视频网址并将其缩略图显示在幻灯片中,这就解决了问题:

视频中的URL必须存储在某处,以便脚本可以正常工作,我一直使用“src”属性将URL隐藏在HTML代码中,但这意味着我必须直接在每次我想在幻灯片上显示不同的视频时都会输入HTML代码。

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

Quick sc of the page

1 个答案:

答案 0 :(得分: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
}