Question

我使用以下html脚本将图像，文本和视频嵌入到一个页面中。对于视频，我使用sl2videoplayer来渲染它（一个开源的silverlight媒体播放器）。这是项目的URL =＆gt; http://sl2videoplayer.codeplex.com/

目前的问题是，只能显示视频的顶部。我认为原因可能是实际视频尺寸（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>

提前谢谢，乔治

Answer 1

我认为Silverlight has the ability to scale，但问题是你的对象的宽高比与你的视频的宽高比不同，所以它会被缩放一些然后被切断。如果它必须在500x240范围内，请尝试将对象设置为320x240并在两侧放置一个90x240黑色条。

嵌入媒体播放器时的html布局问题

1 个答案: