網頁播放器實現全屏的方法總結

DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 關於網頁技巧 >> 網頁播放器實現全屏的方法總結

網頁播放器實現全屏的方法總結

編輯：關於網頁技巧

網頁播放器全屏的方法（有點氣，少寫了）這是自己總結的,剛剛要完的時候點錯了,重新發送一次,老子好氣,該打游戲的時間,浪費了,這裡就偷工減料了!

1、media player全屏方法

    var Real;
    Real='MediaPlayer1.';
    var Mute=false;
    var CanSetPos=true;
    var SetPosStart=false;
    var SetVolStart=false;
    var loop, timer, initialised;
    var speed=50;
    var oldwidth=566,oldheight=502;

    function DoFull()
    {
        eval(Real+'DisplaySize=3');
    }

NetShowServer = "" ;

var mPath = NetShowServer + "";

function LoadVideo(c1,c2) {
if (c1=="") return;
video_filename = c1;

</td>
</tr>
</table>

還有一種我在網上找的，沒有用，不過樓主好像說功能好用，呵呵。

2、real player全屏的方法一

realplayer播放4(帶視頻)
<SCRIPT language=javascript>
Real='document.RAOCX.'
function DoPlay()
{eval(Real+'DoPlay()');}
function DoStop()
{eval(Real+'DoStop()');}
function DoPlayPause()
{eval(Real+'DoPlayPause()');}
function SetFullScreen()
{
eval(Real+'SetFullScreen()');
fullscreen=true;
DoPlayPause();
DoPlay();
}
function GetFullScreen()
{
if(eval(Real+'GetFullScreen()'))
return true;
else
return false;
}
</SCRIPT>

<OBJECT classid=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA class=OBJECT id=RAOCX width=376 height=248>
<PARAM NAME=SRC VALUE="../upload/<%=rsp("path")%>">
<PARAM NAME=CONSOLE VALUE=Clip1>
<PARAM NAME=CONTROLS VALUE=imagewindow>
<PARAM NAME=AUTOSTART VALUE=true></OBJECT><br/>
<OBJECT classid=CLSID:CFCDAA03-8BE4-11CF-B84B-0020AFBBCCFA height=24 id=video2 width=376>
<PARAM NAME=SRC VALUE="../upload/<%=rsp("path")%>">
<PARAM NAME=AUTOSTART VALUE=-1>
<PARAM NAME=CONTROLS VALUE=controlpanel>
<PARAM NAME=CONSOLE VALUE=Clip1></OBJECT>

<a href="#" title="全屏幕欣賞，按ESC鍵還原。" style="CURSOR: hand" onclick=SetFullScreen()>□全屏播放□</a>

3、real player全屏的方法二

<html>
<head>
<title>在線播放</title>
<SCRIPT>

</SCRIPT>
</head>
<body marginwidth="0" leftmargin="0" topmargin="0" bgcolor="#000000" scroll="no" oncontextmenu="window.event.returnValue=false" ondragstart="window.event.returnValue=false" onselectstart="event.returnValue=false">
<script language="JAVASCRIPT">
<!-- Begin
var ap_name = navigator.appName;
var ap_vinfo = navigator.appVersion;
var ap_ver = parseFloat(ap_vinfo.substring(0,ap_vinfo.indexOf('(')));

var time_start = new Date();
var clock_start = time_start.getTime();
var dl_ok=false;

function init ()
{
if(ap_name=="Netscape" && ap_ver>=3.0)
dl_ok=true;
return true;
}

function get_time_spent ()
{
var time_now = new Date();
return((time_now.getTime() - clock_start)/1000);
}

function show_secs ()
{
var i_total_secs = Math.round(get_time_spent());
var i_secs_spent = i_total_secs % 60;
var i_mins_spent = Math.round((i_total_secs-30)/60);
var s_secs_spent = "" + ((i_secs_spent>9) ? i_secs_spent : "0" + i_secs_spent);
var s_mins_spent = "" + ((i_mins_spent>9) ? i_mins_spent : "0" + i_mins_spent);
document.fm0.time_spent.value = s_mins_spent + ":" + s_secs_spent;
window.setTimeout('show_secs()',1000);
}
init();
window.setTimeout('show_secs()',1);
// End -->
          </script>
<center>
<p></p>
</center>
<div align="center">
<center>
<table border="0" cellspacing="0" width="337" cellpadding="0" style="border-collapse: collapse" bordercolor="#111111">
    <tr>
      <td width="100%">
      <table border="0" cellspacing="0" style="border-collapse: collapse" width="108%" id="AutoNumber1" bgcolor="#F0F0F0" cellpadding="0">
        <tr>
          <td width="55%" height="1" bgcolor="#E0E0E0">
          <p align="left"> <font size="2">謝謝你的訪問！！！！！</font></td>
          <form name="fm0" onSubmit="0">
            <td width="7%" height="1" bgcolor="#E0E0E0">
            <input type="text" name="time_spent" size="5" onFocus="this.blur()" style="border-style: groove; border-width: 1; background-color: #EEEEEE"></td>
          </form>
          <script language="JavaScript">
    <!--

    var Real;
    Real='document.RP1.';
    var Mute=false;
    var CanSetPos=true;
    var SetPosStart=false;
    var SetVolStart=false;
    var loop, timer, initialised;
    var speed=50;
    var oldwidth=566,oldheight=502;

function DoFull()
{//全屏播放
eval(Real+'SetFullScreen()');
}

NetShowServer = "" ;

var mPath = NetShowServer + "";

function LoadVideo(c1,c2) {
if (c1=="") return;
video_filename = c1;

MusicPlayer.Cancel()
timer=window.setTimeout("video_play()",2000)
}
function video_play(fn) {
var mName = mPath + video_filename;
MusicPlayer.Open(mName)
}
    //-->
          </script>
          <td width="38%" height="1" bgcolor="#E0E0E0">
          <input type="button" onMouseDown="DoFull()" value="全屏顯示" style="border-style: ridge; border-width: 1">
                <span lang="en-us"><font size="2">ESC</font></span><font size="2">返回</font></td>
        </tr>
      </table>
      </td>
    </tr>
    <tr>
        <td width="100%"> <p align="center">
            <object id="RP1" classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" width=468 height=358>
<param name="_ExtentX" value="4445">
<param name="_ExtentY" value="3334">
<param name="AUTOSTART" value="-1">
<param name="SHUFFLE" value="0">
<param name="PREFETCH" value="0">
<param name="NOLABELS" value="-1">
<param name="SRC" value="rtsp://61.177.95.61:554/ent/2005/promise_1104.rm">
<param name="CONTROLS" value="Imagewindow,StatusBar,ControlPanel">
<param name="CONSOLE" value="clip1">
<param name="LOOP" value="0">
<param name="NUMLOOP" value="0">
<param name="CENTER" value="0">
<param name="MAINTAINASPECT" value="0">
<param name="BACKGROUNDCOLOR" value="#000000"><embed src="rtsp://61.177.95.61:554/ent/2005/promise_1104.rm" type="audio/x-pn-realaudio-plugin">
</object>
        </td>
    </tr>
</table>
</center>
</div>
</body>
</html>

    4、real player全屏的方法三

如果是realone要全屏只要HEAD加入以下這段JS代碼
function setFull()
{
if(!document.playfull.CanStop())
{
alert("影片未開始播放無法切換為全屏模式")
}
else
{
alert("點擊確定按鈕後進入全屏播放模式,在全屏播放模式中按 Esc 鍵退出全屏模式")
document.playfull.SetFullScreen()
}
}
//-->
</script>
在body入面
<a href="#" onclick="setFull();">全屏</a>

關於網頁技巧

用戶研究:手機QQ音樂播放器流失用戶研究: 大量的用戶流失給我們的產品帶來極大的挑戰，用戶為什麼流失？流失之後去哪兒了？怎麼挽留現有用戶？怎麼&
Pinterest采用瀑布流的方式網頁設計: 先上Demo瀑布流排序： http://cued.xunlei.com/demos/publ/de
網頁理論：Don’t make me think 閱讀筆記: 第一章確保網頁容易被用戶使用的最重要原則是“不要讓我思考”。設計師應盡量做到

前端技巧關於網頁技巧 WEB前端代碼網頁特效代碼

DIV CSS 佈局教程網

相關文章