2017-10-31 3 views
2

自分のウェブページ用にビデオスライドショーを最初から作成したい。YouTubeの動画のリンクを自分のページに保存するにはどうすればよいですか?

代わりに、直接、私はYouTubeの動画のURLを取得してスライドショーにそれを表示するために、そのサムネイルをとり、ここでの問題を行くJavaScriptを使用してコードを書くために、これまで管理してきた映像を表示:

URL私はスクリプトが適切に動作するように、どこかに格納する必要があります。私は "src"属性を使ってHTMLコード内のURLを隠していましたが、それは私がHTMLコードで直接変更する必要があることを意味しますスライドショーに別のビデオを表示したい

URLを保存するためにデータベース(SQL)を使用することを考えていましたが、JS/HTMLとSQLのリンクは悪い習慣であり、不要な問題を引き起こし、解決策ではありません。では、これらのURLをどこに格納して自分のコードに正しくリンクさせるために、どこで何を使うことができますか?

Quick sc of the page

+0

さて、あなたはJSONファイルにリンクを保存しておきます。あなたは知っているどこかにそれらを保管しなければなりません。 Javascriptが適切かつ簡単に解析できるのでJSONが優れています。 – user218046

答えて

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 
} 
+0

私はJSONを別のJavaScriptファイルとして使用することに決めました。私はそれらのURLを取得することができ、さらに各ビデオのタイトルを、ありがとう! – Zlorak

+0

@Zlorak、JSONは私の個人的に好きなデータ処理方法です。 YouTubeのAPIを学ぶことに興味がある場合は、JSON形式の動画についてあらゆる種類のデータを取得し、それを使用してテンプレートを埋め込むことができます。 https://developers.google.com/youtube/v3/ – BarryMode

関連する問題