Question

网页中插入视频，代码问题？（请教，谢谢）

我的页面中插入的是wmv格式的视频，一下为我的代码，插入成功了，但是播放器的皮肤不是很好看，想请教下，怎么把播放器弄的好看一些，我用的这段代码显示的播放器就像Windos Media play播放器一样，看起来不好看。我想换个皮肤。应该把代码改成什么？？
<object align=middle classid=CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95 class=OBJECT id=MediaPlayer width=310 height=280 ><param name=AUTOSTART VALUE=false ><param name=ShowStatusBar value=-1><param name=Filename value=<%=rs("tv")%>><embed type=application/x-oleobject codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701 flename=mp src="<%=rs("tv")%>" width=310 height=280></embed></object>

Answer 1

这个比较复杂
原理是你可以把播放器面板上的所有控制按钮隐藏
然后用html设计外观，使用javascript调用embed对象的某些方法
比如play(),stop()等

下面是我从网上搜到的，你需要美化并稍作修改即可

++++++++++++++++++++插入rm,rmvb视频代码+++++++++++++++++++++++++

<table width="100%" border="0" cellpadding="0" cellspacing="0" id="table1">
<tr>
<td colspan="2" align="center">
<object classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6" id="WindowsMediaPlayer" width="400" height="300">
<param name="SRC" value="http://www.snxunyi.gov.cn:81/xynew/2006ZJXY.rm">
<param name="rate" value="1">
<param name="balance" value="0">
<param name="currentPosition" value="0">
<param name="defaultFrame" value>
<param name="playCount" value="">
<param name="autoStart" value="0">
<param name="currentMarker" value="0">
<param name="invokeURLs" value="0">
<param name="baseURL" value>
<param name="volume" value="100">
<param name="mute" value="-1">
<param name="uiMode" value="none">
<param name="stretchToFit" value="0">
<param name="windowlessVideo" value="0">
<param name="enabled" value="-1">
<param name="enableContextMenu" value="-1">
<param name="fullScreen" value="0">
<param name="SAMIStyle" value>
<param name="SAMILang" value>
<param name="SAMIFilename" value>
<param name="captioningID" value>
<param name="enableErrorDialogs" value="0">
</object>
</td>
</tr>
<tr>
<td height="20" colspan="2" align="center"><font color=red><span id="playerinfo3"></span></font></td>
</tr>
<tr>
<td width="60%" height="20"><input type="file" id="FileBtn" style="visibility:hidden">
<span id="playerinfo1"></span><font color=blue><span id="playerinfo2"></span></font></td>
<td width="40%" height="20"><span id="playerinfo"></span></td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="button" name="openfile" title="打开文件" onclick="openfile()" value="打开文件">
<input type="button" name="play" title="播放" onclick="play();" value="播放">
<input type="button" name="pause" title="暂停" onclick="pause();" value="暂停">
<input type="button" name="stop" title="停止" onclick="stop();" value="停止">
<input type="button" name="voldown" title="音量-" onclick="voldown();" value="音量-">
<input type="button" name="volup" title="音量+" onclick="volup();" value="音量+">
<input type="button" name="mute" title="静音?" onclick="mute();" value="静音?">
<input type="button" name="balance" title="声道" onclick="balance();" value="声道">
<input type="button" title="刷新" onclick="location.reload();" value="刷新">
<input type="button" title="全屏" value="全屏" onclick="fullScreen();">
</td>
</tr>
</table>
<script language="javascript">
var state;
var varb;
var varfullscreen=0;

function loop()
{
WindowsMediaPlayer.playCount=2;
}

function openfile()
{
var fstr='';
FileBtn.click();
if (FileBtn.value=='')
return;
WindowsMediaPlayer.URL=FileBtn.value;
playerinfo1.innerHTML = '全声道 ';
playerinfo3.innerHTML="<b><font color=green>当前播放文件的路径和名称是: </font></b>"+FileBtn.value;
}

function playerinit()
{
WindowsMediaPlayer.url="unit10.wmv"; //定义你自己的文件
WindowsMediaPlayer.settings.autoStart = false ;
}

function play()
{
//if(WindowsMediaPlayer.URL='')alert('请打开文件');return; onload="playerinit()"
if (WindowsMediaPlayer.controls.isavailable('play'))
{
WindowsMediaPlayer.controls.play();
state=setInterval("updatetime()",1000);
playerinfo.innerHTML = "播放"
varfullscreen=1;
playerinfo2.innerHTML = '音量:'+WindowsMediaPlayer.settings.volume;
}
}

function voldown()
{
if ( WindowsMediaPlayer.settings.volume < 5 )
{
WindowsMediaPlayer.settings.volume = 0;
playerinfo2.innerHTML = "音量:0";
playerinfo1.innerHTML = '沉默中 ';
}
else
{
WindowsMediaPlayer.settings.volume -= 5;
playerinfo2.innerHTML = '音量:'+WindowsMediaPlayer.settings.volume;
playerinfo1.innerHTML = '非静音 ';
}
}

function volup()
{
if ( WindowsMediaPlayer.settings.volume > 95 )
{
WindowsMediaPlayer.settings.volume = 100;
playerinfo2.innerHTML = "音量:100";
playerinfo1.innerHTML = '最大音 ';
}
else
{
WindowsMediaPlayer.settings.volume += 5;
playerinfo2.innerHTML = '音量:'+WindowsMediaPlayer.settings.volume;
playerinfo1.innerHTML = '非静音 ';
}
}

function pause()
{
if (WindowsMediaPlayer.controls.isavailable('pause'))
{
WindowsMediaPlayer.controls.pause();
clearInterval(state);
playerinfo.innerHTML = "暂停";
varfullscreen=1;
}
}

function stop()
{
if (WindowsMediaPlayer.controls.isavailable('stop'))
{
WindowsMediaPlayer.controls.stop();
clearInterval(state);
playerinfo.innerHTML = "停止"
varfullscreen=0;
}
}

function mute()
{
WindowsMediaPlayer.settings.mute = !WindowsMediaPlayer.settings.mute;
if(varb!=1)
{
playerinfo1.innerHTML = '静音中 ';
document.all.volup.disabled=true;
document.all.voldown.disabled=true;
document.all.balance.disabled=true;
varb=1;
}
else
{
playerinfo1.innerHTML = '非静音 ';
document.all.volup.disabled=false;
document.all.voldown.disabled=false;
document.all.balance.disabled=false;
varb=0;
}
}

function balance()
{
switch (WindowsMediaPlayer.settings.balance)
{
case 0:
WindowsMediaPlayer.settings.balance = 100;
playerinfo1.innerHTML = '左声道 ';
break;
case 100:
WindowsMediaPlayer.settings.balance = -100;
playerinfo1.innerHTML = '右声道 ';
break;
case -100:
WindowsMediaPlayer.settings.balance = 0;
playerinfo1.innerHTML = '全声道 ';
break;
default :
WindowsMediaPlayer.settings.balance = 0;
playerinfo1.innerHTML = '全声道 ';
break;
}
}

function fullScreen()
{
if(varfullscreen)
WindowsMediaPlayer.fullScreen='true';
else
WindowsMediaPlayer.fullScreen='0';
}

function updatetime()
{
if(WindowsMediaPlayer.controls.currentPositionString=='')
{
playerinfo.innerHTML = "00:00" + " / " + WindowsMediaPlayer.currentMedia.durationString;
varfullscreen=0;
}
else
playerinfo.innerHTML = WindowsMediaPlayer.controls.currentPositionString + " / " + WindowsMediaPlayer.currentMedia.durationString;
}
</script>
<script language = "JavaScript" for=WindowsMediaPlayer event=playstatechange(newstate)>
switch (newstate)
{
case 1:
playerinfo.innerHTML = "停止";
break;
case 2:
playerinfo.innerHTML = "暂停";
break;
case 3:
playerinfo.innerHTML = "正在播放";
break;
case 4:
playerinfo.innerHTML = "4";
break;
case 5:
playerinfo.innerHTML = "5";
break;
case 6:
playerinfo.innerHTML = "正在缓冲...";
break;
case 7:
playerinfo.innerHTML = "7";
break;
case 8:
playerinfo.innerHTML = "8";
break;
case 9:
playerinfo.innerHTML = "正在连接...";
break;
case 10:
playerinfo.innerHTML = "准备就绪";
break;
case 11:
playerinfo.innerHTML = "11";
break;
default:
playerinfo.innerHTML = "";
}
</script>

++++++++++++++++++++++插入wmv视频代码+++++++++++++++++++++++++

<object id="rpl" classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" width=300 height=200>
<!--classid指定ActiveX控件的唯一的字符串标示-->
<param name="_ExtentX" value="11906">
<param name="_ExtentY" value="8996">
<param name="AUTOSTART" value="-1">
<!--是否自动播放-->
<param name="SHUFFLE" value="0">
<param name="PREFETCH" value="0">
<param name="NOLABELS" value="0">
<param name="SRC" value="http://127.0.0.1/VodieFile/2.wmv">
<param name="CONTROLS" value="ImageWindow">
<param name="CONSOLE" value="Clip1">
<param name="imagestatus" value="1">
<param name="LOOP" value="-1">
<param name="NUMLOOP" value="0">
<param name="CENTER" value="0">
<!--指定片断使用初始编码大小播放，并且在图像窗口的中央-->
<param name="MAINTAINASPECT" value="0">
<param name="BACKGROUNDCOLOR" value="#ff0000">
<!--指定图像窗口背景色-->
</object>
<br>
<b>界面控制:</b><br>
CONTROLS模式切换:<br>
<input type="button" value="all" onclick="rpl.CONTROLS='all'">
<input type="button" value="ControlPanel" onclick="rpl.CONTROLS='ControlPanel'">
<input type="button" value="PlavButton" onclick="rpl.CONTROLS='PlavButton'">
<br>
<input type="button" value="PlayOnlyButton" onclick="rpl.CONTROLS='PlayOnlyButton'">
<input type="button" value="PauseButton" onclick="rpl.CONTROLS='PauseButton'">
<input type="button" value="StopButton" onclick="rpl.CONTROLS='StopButton'">
<br>
<input type="button" value="FFCtrl" onclick="rpl.CONTROLS='FFCtrl'">
<input type="button" value="RWCtrl" onclick="rpl.CONTROLS='RWCtrl'">
<input type="button" value="MuteCtrl" onclick="rpl.CONTROLS='MuteCtrl'">
<input type="button" value="MuteVolume" onclick="rpl.CONTROLS='MuteVolume'">
<input type="button" value="VolumeSlider" onclick="rpl.CONTROLS='VolumeSlider'">
<br>
<input type="button" value="PositionSlider" onclick="rpl.CONTROLS='PositionSlider'">
<input type="button" value="TACCtrl" onclick="rpl.CONTROLS='TACCtrl'">
<input type="button" value="HomeCtrl" onclick="rpl.CONTROLS='HomeCtrl'">
<input type="button" value="InfoVolumePanel" onclick="rpl.CONTROLS='InfoVolumePanel'">
<br>
<input type="button" value="InfoPanel" onclick="rpl.CONTROLS='InfoPanel'">
<input type="button" value="StatusBar" onclick="rpl.CONTROLS='StatusBar'">
<input type="button" value="StatusField" onclick="rpl.CONTROLS='StatusField'">
<input type="button" value="PositionField" onclick="rpl.CONTROLS='PositionField'">
<br>
<input type="button" value="当前模式" onclick="alert(rpl.CONTROLS)">
<input type="button" value="当前模式" onclick="alert(rpl.GetControls())">
<br><b>播放控制:</b><br>
<br>曲目控制:<br>
<input type="button" value="你是风儿我是沙" onclick="rpl.SetSource('http://127.0.0.1/VodieFile/2.wmv')">
<input type="button" value="白狐" onclick="rpl.SetSource('http://127.0.0.1/VodieFile/3.wmv')">
<input type="button" value="当前曲目" onclick="alert(rpl.GetSource())">
<br>播放控制:<br>
<input type="button" value="播放" onclick="rpl.DoPlay()">
<input type="button" value="暂停" onclick="rpl.DoPause()">
<input type="button" value="播放/暂停" onclick="rpl.DoPlayPause()">
<input type="button" value="停止" onclick="rpl.DoStop()">
<input type="button" value="当前播放状态" onclick="alert(rpl.GetPlayState())">
<br>静音控制:<br>
<input type="button" value="静音" onclick="rpl.SetMute(1)">
<input type="button" value="取消静音" onclick="rpl.SetMute(0)">
<input type="button" value="静音状态" onclick="alert(rpl.GetMute())">
<br>进度控制:<br>
<input type="button" value="回到开始" onclick="rpl.SetPosition(0)">
<input type="button" value="快进20秒" onclick="if(rpl.GetPosition()>20000){rpl.SetPosition(rpl.GetPosition()-20000)}else(rpl.SetPosition(0))">
<input type="button" value="快进20秒" onclick="rpl.SetPosition(rpl.GetPosition()+20000)">
<input type="button" value="回到最后" onclick="rpl.SetPosition(rpl.GetLength()-3000)">
<input type="button" value="当前进度" onclick="alert(rpl.GetPosition()/1000)">
<input type="button" value="总长度" onclick="alert(rpl.GetLength()/1000)">
<br>音量控制:<br>
<input type="button" value="最小" onclick="rpl.SetVolume(0)">
<input type="button" value="音量-" onclick="if(rpl.GetVolume()>9){rpl.SetVolume(rpl.GetVolume()-10)}">
<input type="button" value="音量+" onclick="rpl.SetVolume(rpl.GetVolume()+10)">
<input type="button" value="最大" onclick="rpl.SetVolume(100)">
<input type="button" value="当前音量" onclick="alert(rpl.GetVolume())">
<br>信息检测:<br>
<input type="button" value="GetIsPlus" onclick="alert(rpl.GetIsPlus())">
<input type="button" value="GetVersionInfo" onclick="alert(rpl.GetVersionInfo())">
<input type="button" value="GetLastMessage" onclick="alert(rpl.GetLastMessage())"><br>
<input type="button" value="GetConsoleEvents" onclick="alert(rpl.GetConsoleEvents())">
<input type="button" value="回放统计" onclick="rpl.HideShowStatistics()">
<br>剪辑信息:<br>
<input type="button" value="获取剪辑信息" onclick="alert(rpl.GetTitle())">
<input type="button" value="设置剪辑信息" onclick="rpl.SetTitle('这是美女翻唱滴~')">
<input type="button" value="获取剪辑信息" onclick="alert(rpl.GetEntryTitle(0))">