背景如下:
1、我需要着一个网页播放视频的功能,我选择的是MS 的Media Player,因为要播放的是WMV格式的视频。
2、我想要这个视频可以全屏播放。现在的问题:
现在能做到全屏,但是有个问题,可能是因为视频的宽和高的问题,在全屏的时候,整个屏幕上会出现很大一块黑边。看起来像这样:一个1920×1080的大屏幕上,却只有中间一小块是视频,其他周围全是黑边。我先解决这个问题,就算导致整个视频模糊,变形也无所谓,只是希望它能够购铺满整个屏幕。关于 这方面的资料在网上少之又少,最多就是一段播放视频的代码。无奈,在此像各位有经验的人士求助。先谢谢了。

解决方案 »

  1.   

    <html>
    <head>
        <title>视频点播</title>
        <!--这一段是全屏用的JS代码 记得注意播放器的ID-->
        <script language="javascript">   
        Real='document.NSPlay.';    
        function DoFull() {       
            eval(Real+'DisplaySize=3');    
        }    
        </script>
    </head>
    <body>
        <table style="position: absolute; z-index: 1; left: expression((document.body.clientWidth-this.offsetWidth)/2)">
            <tr>
                <td style="width: 100%" align="center">
                    <object classid="CLSID:CLSID:B43D3361-D975-4BE2-87FE-057188254255" height="450" id="NSPlay"
                        type="audio/mpg" width="600" viewastext>   
                        <param name="FileName" value="test\1-125748.mpg" />
                        <!--是否自动播放--> 
                        <param name="AutoStart" value="true" />
                        <!--是否显示控制,比如播放,停止,暂停-->
                        <param name="ShowControls" value="false" />
                        <!--是否用右键弹出菜单控制-->
                        <param name="EnableContextMenu" value="false" />
                        <!--当前播放信息,显示是否正在播放,及总播放时间和当前播放到的时间-->
                        <param name="EnablePositionControls" value="false" />                    
                        <param name="ShowStatusBar" value="false" />
                        <!--是否自动调整播放大小--> 
                        <param name="AutoSize" value="0" />
                        <!--播放次数,0为循环播放-->
                        <param name="PlayCount" value="0" />                  
                    </object>
                </td>
            </tr>
            <tr>
                <td style="width: 100%" align="right">            
                    <input type="button" onmousedown="DoFull()" value="全屏显示" style="border-style: ridge;
                        border-width: 1; text-align: center;" /></td>           
            </tr>
        </table>
    </body>
    </html>
    摘自一博客 试试看~~~
      

  2.   

    谢谢,fanchuanzhidu,我晚上试下