YouTube 동영상 링크를 내 페이지에 저장하려면 어떻게해야합니까?

Question

내 웹 페이지에서 처음부터 비디오 슬라이드 쇼를 만들고 싶습니다.

의 URL 대신 직접 내가 여기에 YouTube 동영상의 URL을 소요하고 슬라이드 쇼에 보여 축소판을 받아 자바 스크립트를 사용하여 코드를 작성하는 지금까지 관리 한 비디오를 표시

문제를 간다 스크립트에서 제대로 작동 할 수 있도록 동영상의 어딘가에 저장해야하므로 "src"속성을 사용하여 HTML 코드 내부에 URL을 숨기고 있지만 그 때마다 HTML 코드에서 직접 변경해야합니다. 슬라이드 쇼에 다른 비디오를 표시하고 싶습니다.

URL을 저장하기 위해 데이터베이스 (SQL)를 사용하고 있다고 생각했지만 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> 

을 다음에 이미 작성한 자바 스크립트 코드는 루프를 통해 각 링크를 전달할 수 있습니다. 어쩌면 이런 식으로 :

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