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