2009-08-03 13 views
1

次のhtmlスクリプトを使用して、イメージ、テキスト、ビデオを1ページに埋め込みました。ビデオについては、sl2videoplayerを使ってそれをレンダリングしています(オープンソースのSilverlightメディアプレーヤー)。プロジェクトのURL =>http://sl2videoplayer.codeplex.com/です。メディアプレーヤーを埋め込んだときのhtmlレイアウトの問題

現在の問題は、ビデオの上部のみを表示できることです。理由は実際のビデオサイズ(1024 * 768)が設計サイズ(500 * 240)よりも大きいと考えられます。私の目的はビデオのすべての部分を表示することです(ズームアウトの効果を持つように、YouTubeのビデオのように、ダブルクリックしてフルスクリーンで表示しないと、ビデオのすべての部分を見ることができますが、ズームアウトエフェクト、ビデオの一部だけを表示しない) - 現在、ビデオの上部のみが表示されます。

このアイデアを解決する方法はありますか?事前に

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 

<head> 
<meta content="en-us" http-equiv="Content-Language" /> 
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> 
<title>Untitled 1</title> 
</head> 

<body> 

<table style="width: 107%"> 
    <tr> 
     <td style="width: 96px">&nbsp;</td> 
     <td style="width: 470px"><img height="113" src="top.gif" width="561" /></td> 
     <td>&nbsp;</td> 
    </tr> 
    <tr> 
     <td style="width: 96px"><img height="257" src="news.jpg" width="312" /></td> 
     <td style="width: 470px"> 
    <div id="silverlightControlHost"> 
     <object data="data:application/x-silverlight," type="application/x-silverlight-2" width="500" height="240"> 
      <param name="source" value="ClientBin/VideoPlayer.xap"/> 
      <param name="onerror" value="onSilverlightError" /> 
      <param name="background" value="white" /> 
      <param name="initParams" value="cc=true,markers=true,markerpath=markers_movie21.xml,m=http://mywebsite/videos/test1.wmv" /> 
      <a href="http://go.microsoft.com/fwlink/?LinkID=115261" style="text-decoration: none;"> 
       <img src="http://go.microsoft.com/fwlink/?LinkId=108181" alt="Get Microsoft Silverlight" style="border-style: none"/> 
      </a> 
     </object> 
     <iframe style='visibility:hidden;height:0;width:0;border:0px'></iframe> 
    </div>  
     </td> 
     <td>&nbsp;</td> 
    </tr> 
    </table> 
<p> 
Here is a test content. 
<br /> 
</p> 

</body> 

</html> 

おかげで、 ジョージ

答えて

0

私はSilverlightのhas the ability to scaleと思いますが、問題は、オブジェクトの縦横比は、ビデオの縦横比が異なるということですので、いくつかのスケールが、その後切断されます。それが500x240以内に収まる必要がある場合は、オブジェクトを320x240にして両側に90x240の黒いバーを入れてみてください。

関連する問題