当前页面: 开发资料首页 → Javascript 专题 → 网页播放器实现全屏的方法总结
摘要: 网页播放器实现全屏的方法总结
1、media player全屏方法
<script language="JavaScript">
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;
MusicPlayer.Cancel()
timer=window.setTimeout("video_play()",2000)
}
function video_play(fn) {
var mName = mPath + video_filename;
MusicPlayer.Open(mName)
}
//
</script>
<td width="39%" height="1" bgcolor="#E0E0E0">
<input type="button" onMouseDown="DoFull()" value="全屏显示" style="border-style: ridge; border-width: 1">
ESC返回</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="100%">
</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>
□全屏播放□
3、real player全屏的方法二
<head>
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>
谢谢你的访问!!!!!</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">
ESC返回</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="100%">
</td>
</tr>
</table>
如果是realone要全屏只要HEAD加入以下这段JS代码
function setFull()
{
if(!document.playfull.CanStop())
{
alert("影片未开始播放无法切换为全屏模式")
}
else
{
alert("点击确定按钮后进入全屏播放模式,在全屏播放模式中按 Esc 键退出全屏模式")
document.playfull.SetFullScreen()
}
}
//
</script>
在body入面
全屏