0

私たちのサイトには、iframe (Azure でホストされている) を介して読み込まれる Silverlight ビデオ プレーヤーが埋め込まれています。

私たちのサイトでは、トップ ナビゲーションがやや長く、実際にはメニューが表示されない Silverlight プレーヤーの背後に表示されます。

これを解決するためのいくつかのオプションを見てきましたが、 windowless=true プロパティを設定するとうまくいくようです ( http://msdn.microsoft.com/en-us/library/cc838156(v=vs.95).aspx .. そのソリューションは IE で機能するようですが、Chrome と Firefox では、windowless が true に設定されている場合、ページをダウンロードしようとします。アイデア、考えはありますか？

4

1 に答える 1

0

何度も試行錯誤を繰り返した結果、IE、Firefox、Chrome で動作するようになりました。

オブジェクト データに次のタグを設定します。

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

また、initprams で autoload と autoplay を true に設定します。

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

動作中の完全な html は次のようになります。

       <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>
于 2012-07-25T14:40:25.023 に答える