私のプロジェクトに関するこの「ブルートフォース」の考え方を避けるには？

Question

私はVineのウェブサイトに基づいた学校プロジェクトに取り組んでいます。基本的に私のプロジェクトの目標は、画面上に複数のビデオ（vinesのURLから）を一つずつ再生することです。

最初に、私はHTMLコードにIframeを配置し、このIframeのsrcを6秒ごとに更新します。このステップは完璧に機能します。 6000ミリ秒ごとにビデオが切り替わります。

私は3つのリンクが既に配列の中にStringとして格納されているので、この配列がランダムインデックスを選択した関数を呼び出しただけです。

しかし今私はもっと大きな問題に遭遇しています。私がしたいのは、私の配列にURLを返そうとしたときに有効な意味を持っています。問題は、これをどう扱うべきかわからないが、何千もの解決策はないと思う。

私の主な考えは、一種の力強い力でした。私はランダムなリンクを生成したいと思っていました。生成されたすべてのリンクの接続を試しました。ランダムなリンクを作成する関数が実行されますが、それは接続性を確認するために来るとき、私の問題がある..私はその後、私はそれについて他のトピックを発見し、私はそれで終わったこのthreadからXMLの方法を試してみました：

function testUrlConnection(urlCheck){ 

"use strict"; 

var xhr = new XMLHttpRequest(); 

xhr.open('HEAD', file, true); 
xhr.setRequestHeader("Access-Control-Allow-Origin","*") 
xhr.send(); 

console.log(xhr.status); //return 0 no matter what 

     if (xhr.status != "404") { 
      console.log(urlCheck + " connection exist!"); 
    } else { 
      console.log(urlCheck+ " connection doesn't exist!"); 
     } 
} 

このように私は多くの変更を試みましたが、それはOriginまたはDomainの問題であることがわかりました。

申し訳ありませんが、実際にはこれはコードの問題ではありませんが、これを処理する方法としては、この「ブルートフォース」のアイデアを追求することができますか、他の方法でこれを処理する必要がありますか？はいの場合はどのアドバイスを私に与えることができますか？このアイデアは、私はあなたが無限スクロールのような別のアプローチを、試してみてくださいだと思う動作しますが

は、 ニャック

Answer 1

、ありがとうございました。 Facebookのように、ユーザーがページをスクロールしていくにつれて、より多くのコンテンツが読み込まれるように機能します。つまり、一度にたくさんのコンテンツを読み込む必要はありませんが、ページ上のユーザーの位置を把握する必要があります。

どのように動画を読み込んでも、動画に有効なURLを取得する必要があります。あなたがURLジェネレータを持っているように聞こえ、URLが404を返さないことを確認するために、私はこのようなことをします：Checking if a URL is broken in Javascript。

幸運を祈る！