2

サーバーの帯域幅消費量が非常に多いため、次のマークアップによって必要以上の情報が要求されるのではないかと考えていました。そうですか、それとも期待どおりに機能しますか?

ここに私のマークアップがあります:

   <div id="video-container">
     <object class="video" height="100%" width="100%">
       <param name="movie" value="http://cutmeoffmidfunk.s3.amazonaws.com/bill.swf">
       <param name="scale" value="exactfit" />
       <param value="transparent" name="wmode">
       <![if !IE]>
         <object class="video" type="application/x-shockwave-flash" data="http://cutmeoffmidfunk.s3.amazonaws.com/bill.swf" height="100%" width="100%">
            <param value="transparent" name="wmode">
            <param name="scale" value="exactfit" />
         </object>
       <![endif]>
         <![if !IE]>
           <div class="video">
             <video class="video" height="100%" width="100%" autoplay loop >
               <source src="http://cutmeoffmidfunk.s3.amazonaws.com/bill.mp4" type="video/mp4">
                <source src="http://cutmeoffmidfunk.s3.amazonaws.com/bill.webm" type="video/webm">
               <source src="http://cutmeoffmidfunk.s3.amazonaws.com/bill.ogg" type="video/ogg">
             </video>                                
           </div>
         <![endif]-->
         <!--[if IE]>
           <div class="video" >
             <object class="video" codebase="http://www.apple.com/qtactivex/qtplugin.cab" height="100%" width="100%">
               <param name="src" value="http://cutmeoffmidfunk.s3.amazonaws.com/bill.mov">
               <param name="autoplay" value="true">
               <param name="type" value="video/quicktime" height="100%" width="100%">
             </object>
           </div>
         <![endif]-->
       <![if !IE]>
         </object>
       <![endif]>
     </object>
    </div>



<audio id="audioplayer" autoplay loop>
    <source src="http://cutmeoffmidfunk.s3.amazonaws.com/bill.mp3">
    <source src="http://cutmeoffmidfunk.s3.amazonaws.com/bill.ogg">
</audio>
4

1 に答える 1

0

あなたが投稿した HTML は、一部のパラメーターで /> が欠落しているため、形式が正しくないようです。IE 以外のブラウザ用の追加のタグもあり、条件付きコメンの最初と最後のセットの形式が正しくありません。それらを修正してから、コードが何をするかを調べます。

正しく形成されている場合、コードとあなたは IE ではありません。

  1. コードは、外側のオブジェクトの bill.swf ファイルをロードします。
  2. その後、次のオブジェクトも使用しますが、キャッシュ設定によっては、bill.swf が再度読み込まれる場合とされない場合があります。
  3. 次に、ソース内のアセットのロードを開始します。ブラウザは、3 つのファイルすべてをダウンロードするか、必要なファイルだけをダウンロードするかを決定する場合としない場合があります。

IE の場合:

  1. コードは、外側のオブジェクトの bill.swf ファイルをロードします。
  2. その後、次のオブジェクトも使用しますが、キャッシュ設定によっては、bill.swf が再度読み込まれる場合とされない場合があります。
  3. 次に、3 番目の宣言のみでアセットの読み込みを開始します。

HTML を修正し、要求しているアセットが必要であり、目的の結果が達成されていることを確認したら、まだ高負荷が発生している場合は、CloudFlair などのサービスの使用を検討することをお勧めします (CloudFlair はお勧めしません。ファイルをキャッシュし、サーバー自体の負荷を軽減するためです。また、提供されたコンテンツに設定したキャッシュ ヘッダーを調べて、頻繁に変更されないファイルを長期間キャッシュするように設定できるかどうかを確認して、各クライアントで 1 回ロードするだけで済むようにすることもできます。サーバーの負荷。

于 2013-04-24T15:42:38.687 に答える