2017-01-13 10 views
-1

誰でも私のウェブサイトにイントロビデオを入れる最も良い方法は何ですか? 私は、ビデオが完成した後にユーザーをリダイレクトしたくない。代わりに、ユーザーが私のサイトにアクセスすると、ビデオ(13秒) が再生されます。ウェブサイトはバックグラウンドで読み込まれます。ビデオが完成するとすぐに。私のウェブサイトがロードされ、ユーザーはブラウズすることができます。 基本的に、私はプリローダー(一部のウェブサイトがロードされている間に回転しているホイール)としてビデオを必要としています。だから、私はこれについてどうやって行くべきですか? また、私のビデオは約3メガバイトです。それはこのために行くことをお勧めですか?それとも、私のサイトの読み込み時間を増やし、ユーザーを怒らせるでしょうか?私のウェブサイトにイントロビデオを追加するには?

私を助けてください..私はいくつかの専門的な助言が必要です。 入力があれば幸いです。 ありがとうございます。

+0

あなたのコンテンツにアクセスできるようになる前に、ユーザーの前にブロックを置くという貧弱な経験を残しておくと、マイケルは以下のように示唆し、コンテンツをカバーするDIVのビデオを持っています。ビデオが「終了しました」というイベントが発生した場合は、「読み込みが終了しました」と表示されたときに – Offbeatmammal

答えて

0

あなたは(たとえば、ローダ)いくつかのIDでvideo要素を作成し、それはCSSだ設定する必要がありますする:

$('video#loader').remove(); 
:ロードが終了すると

position: fixed; 
top: 0; 
bottom: 0; 
left: 0; 
right: 0; 
z-index: 2147483647; 

が、あなたはjQueryを使って要素を削除することができます

または純粋なJavaScriptを使用して:あなたは親ノードに移動し、CHILを削除する必要が

var element = document.getElementById("loader"); 
element.parentNode.removeChild(element); 

注意親ノードの要素dを削除するだけでは、要素自体を削除することはできません。

+0

を削除します。ビデオ(13秒間)が埋め込まれているか、また、この方法を使用すると、ウェブサイトがまだ(13秒間)同時に読み込まれている間に、私のビデオを正面で再生するでしょうか?私は混乱している。なぜなら、Jqueryとjavascriptが最初に実行され、htmlはJavaScriptが実行を完了するまでロードされないからです。つまり、私のビデオが最初に再生され、サイトがロードされることを意味しません..同時にではないのですか? – Harshit

+0

JavaScriptの前にHTMLが実行されている場所がわかりません。 HTMLはすべてです.HTMLにJSをロードしているので、ブラウザのJavaScriptはそれなしでは動作しません。 JSはHTMLとCSSと同時に動作します。ウェブサイトの読み込みが完了したとき、または動画が終了したときに動画を削除する場合は、あなたの責任になります。すべてのファイルがロードされ、JSイベントDOMContentLoadedが起動されると、最初の方法をお勧めします。誰もあなたのページを見るのに13秒待つことを望んでおらず、ほとんどのユーザーはビデオが終了する前に退去します。読み込み中は、何かが起こっていることをユーザーに通知するだけです。 –

+0

jQueryを使用する場合は、 'onDocumentLoad'を使用できます – Eoin

関連する問題