Silverlight视频播放器重叠web元素

Question

我在我们的网站上有一个嵌入式silverlight视频播放器，它是通过iframe (托管在Azure上)加载的。

在我们的网站上，顶部的导航有点长，它实际上出现在silverlight播放器的后面，你看不到菜单。

我已经研究了几个选项来解决这个问题，看起来设置windowless=true属性应该是可行的( http://msdn.microsoft.com/en-us/library/cc838156(v=vs.95).aspx..这种解决方案似乎在IE中有效，但在Chrome和Firefox中，如果windowless设置为true，它就会尝试下载页面。有什么想法或想法吗？

Answer 1

经过多次尝试，我们终于能够让它在IE、Firefox和Chrome中工作。

对象数据集中的具有以下标记：

       <param name="background" value="transparent">
       <param name="windowless" value="true">

还在initprams中将自动加载和自动播放设置为真。

       <AutoLoad>true</AutoLoad>
       <AutoPlay>true</AutoPlay>

这是我们工作的完整的样子：

       <object data="data:application/x-silverlight," type="application/x-silverlight" width="100%" height="100%">
        <param name="source" value="MediaPlayerTemplate.xap"/>
        <param name="background" value="transparent" />
        <param name="windowless" value="true" />
        <param name="onerror" value="onSilverlightError" />
        <param name="autoUpgrade" value="true" />
        <param name="minRuntimeVersion" value="3.0.40624.0" />            
        <param name="enableHtmlAccess" value="true" />
        <param name="enableGPUAcceleration" value="true" />
        <param name="initparams" value='playerSettings = 
                    <Playlist>
                        <AutoLoad>true</AutoLoad>
                        <AutoPlay>true</AutoPlay>
                        <DisplayTimeCode>false</DisplayTimeCode>
                        <EnableCachedComposition>true</EnableCachedComposition>
                        <EnableCaptions>true</EnableCaptions>
                        <EnableOffline>true</EnableOffline>
                        <EnablePopOut>true</EnablePopOut>
                        <StartMuted>false</StartMuted>
                        <StretchMode>None</StretchMode>
                        <Items>
                            <PlaylistItem>
                                <AudioCodec>WmaProfessional</AudioCodec>
                                <Description></Description>
                                <FileSize>90818591</FileSize>
                                <FrameRate>5</FrameRate>
                                <Height>384</Height>
                                <IsAdaptiveStreaming>false</IsAdaptiveStreaming>
                                <MediaSource>i201700-1.wmv</MediaSource>
                                <ThumbSource>201700-1_Thumb.jpg</ThumbSource>
                                <Title>201700-1</Title>
                                <VideoCodec>VC1</VideoCodec>
                                <Width>512</Width>
                            </PlaylistItem>
                        </Items>
                    </Playlist>'/>       
        <!--  unused valid silverlight init parameters
        <param name="enableFrameRateCounter" value="bool" />
        <param name="enableRedrawRegions" value="bool" />
        <param name="maxFrameRate" value="int" />
        <param name="allowHtmlPopupWindow" value="bool"/>
        <param name="background" value="colorValue"/>
        <param name="splashScreenSource" value="uri"/>
        <param name="fullScreen" value="bool"/>
        <param name="onFullScreenChanged" value="functionname"/>
        <param name="onResize" value="functionname"/>
        <param name="onSourceDownloadComplete" value="functionname"/>
        <param name="onSourceDownloadProgressChanged" value="functionname"/>
        <param name="windowLess" value="bool"/>
         --> 

         <div onmouseover="highlightDownloadArea(true)" onmouseout="highlightDownloadArea(false)">
                <img src="700-1_Thumb.jpg" style="position:absolute;width:100%;height:100%;border-style:none;" onerror="this.style.display='none'"/>
                <img src="Preview.png" style="position:absolute;width:100%;height:100%;border-style:none;" onerror="this.style.display='none'"/>                                            
                <div id="overlay" class="fadeLots" style="position:absolute;width:100%;height:100%;border-style:none;background-color:white;"/></div>
                <table width="100%" height="100%" style="position:absolute;"><tr><td align="center" valign="middle">                       
                <img src="http://go2.microsoft.com/fwlink/?LinkId=108181" alt="Get Microsoft Silverlight"> 
                </td></tr></table>                   
                <a href="http://go2.microsoft.com/fwlink/?LinkID=124807">
                    <img src="" class="fadeCompletely" style="position:absolute;width:100%;height:100%;border-style:none;" alt="Get Microsoft Silverlight"/>
                </a>                   
         </div>             
    </object>