0

youtubeとvimeoの埋め込み動画でいっぱいのページを作りました。そして、ロード時間は恐ろしいです！すべてが正しくロードされるまで、ラップトップが完全にフリーズします。

別の記事で、オブジェクトまたはビデオタグをHTMLから除外し、ページが読み込まれた後に追加する方法があることを確認しました。それ以来、私はこれを行う方法を模索してきましたが、運がありません！

他のウェブサイトでも、動画が完全になるまでタグの後ろにgifが読み込まれているのを見ました。

これらまたは別の方法のいずれかを行う方法についてのアドバイスは素晴らしいでしょう！

いくつかの埋め込みビデオコード：

<iframe src="http://player.vimeo.com/video/57564747" width="500" height="281" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
4

2 に答える 2

2

もう 1 つの方法は、さまざまな動画のサムネイル画像のスクリーンショットでページをいっぱいにすることです。また、誰かが特定のスクリーンショット画像をクリックすると、その特定のビデオを表示するポップアップ ウィンドウがアクティブになります。これにより、読み込み時間のストレスが軽減され、特定のページ内の多くの動画に対してこれを行うことができます.

于 2013-03-22T12:46:48.720 に答える
2

オンデマンドでのみロードすることをお勧めします。

ビデオがある場所にダミーの画像を置きます。画像をクリックすると、jQuery または JS を介してコンテンツが読み込まれます。

<div id='video-anchor'>
    <img id='dummy' src='http://b.vimeocdn.com/ts/403/127/403127670_960.jpg' alt='' />
</div>


$('#dummy').click(function() {
    $('#video-anchor').html(
         '<iframe src="http://player.vimeo.com/video/57564747" 
          width="500" 
          height="281" 
          frameborder="0" 
          webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
    ');
});

vimeoが使用する画像を取得できます。それらは の背景画像として設定されますdiv.vimeo_holder。

于 2013-03-22T12:48:21.827 に答える