次の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"> </td>
<td style="width: 470px"><img height="113" src="top.gif" width="561" /></td>
<td> </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> </td>
</tr>
</table>
<p>
Here is a test content.
<br />
</p>
</body>
</html>
おかげで、 ジョージ