您的位置:首页 > Web前端 > JavaScript

JS控制视频播放

2013-02-25 12:55 381 查看
播放器js控制MediaPlayer

<object classid=”clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95″ id=”mp” width=”300″

height=”240″>

<param name=”AudioStream” value=”-1″>

<param name=”AutoSize” value=”-1″>

<!–是否自动调整播放大小–>

<param name=”AutoStart” value=”-1″>

<!–是否自动播放–>

<param name=”AnimationAtStart” value=”-1″>

<param name=”AllowScan” value=”-1″>

<param name=”AllowChangeDisplaySize” value=”-1″>

<param name=”AutoRewind” value=”0″>

<param name=”Balance” value=”0″>

<!–左右声道平衡,最左-9640,最右9640–>

<param name=”BaseURL” value>

<param name=”BufferingTime” value=”15″>

<!–缓冲时间–>

<param name=”CaptioningID” value>

<param name=”ClickToPlay” value=”-1″>

<param name=”CursorType” value=”0″>

<param name=”CurrentPosition” value=”0″>

<!–当前播放进度 -1 表示不变,0表示开头 单位是秒,比如10表示从第10秒处开始播放,值必须是-1.0或

大于等于0–>

<param name=”CurrentMarker” value=”0″>

<param name=”DefaultFrame” value>

<param name=”DisplayBackColor” value=”0″>

<param name=”DisplayForeColor” value=”16777215″>

<param name=”DisplayMode” value=”0″>

<param name=”DisplaySize” value=”0″>

<!–视频1-50%, 0-100%, 2-200%,3-全屏 其它的值作0处理,小数则采用四舍五入然后按前的处理–>

<param name=”Enabled” value=”-1″>

<param name=”EnableContextMenu” value=”-1″>

<!-是否用右键弹出菜单控制–>

<param name=”EnablePositionControls” value=”-1″>

<param name=”EnableFullScreenControls” value=”-1″>

<param name=”EnableTracker” value=”-1″>

<!–是否允许拉动播放进度条到任意地方播放–>

<param name=”Filename” value=”http://17gb.com/music/21.mp3″ valuetype=”ref”>

<param name=”InvokeURLs” value=”-1″>

<param name=”Language” value=”-1″>

<param name=”Mute” value=”0″>

<!–是否静音–>

<param name=”PlayCount” value=”10″>

<!–重复播放次数,0为始终重复–>

<param name=”PreviewMode” value=”-1″>

<param name=”Rate” value=”1″>

<!–播放速度1.0-2.0倍的速度播放–>

<param name=”SAMILang” value>

<param name=”SAMIStyle” value>

<param name=”SAMIFileName” value>

<!–选择同时播放(伴音)的歌曲–>

<param name=”SelectionStart” value=”-1″>

<param name=”SelectionEnd” value=”-1″>

<param name=”SendOpenStateChangeEvents” value=”-1″>

<param name=”SendWarningEvents” value=”-1″>

<param name=”SendErrorEvents” value=”-1″>

<param name=”SendKeyboardEvents” value=”0″>

<param name=”SendMouseClickEvents” value=”0″>

<param name=”SendMouseMoveEvents” value=”0″>

<param name=”SendPlayStateChangeEvents” value=”-1″>

<param name=”ShowCaptioning” value=”0″>

<!–是否显示字幕,为一块黑色,下面会有一大块黑色,一般不显示–>

<param name=”ShowControls” value=”-1″>

<!–是否显示控制,比如播放,停止,暂停–>

<param name=”ShowAudioControls” value=”-1″>

<!–是否显示音量控制–>

<param name=”ShowDisplay” value=”0″>

<!–显示节目信息,比如版权等–>

<param name=”ShowGotoBar” value=”0″>

<!–一条框,在下面,有往下箭头–>

<param name=”ShowPositionControls” value=”-1″>

<!–是否显示往前往后及列表,如果显示一般也都是灰色不可控制–>

<param name=”ShowStatusBar” value=”-1″>

<!–当前播放信息,显示是否正在播放,及总播放时间和当前播放到的时间–>

<param name=”ShowTracker” value=”-1″>

<!–是否显示当前播放跟踪条,即当前的播放进度条–>

<param name=”TransparentAtStart” value=”-1″>

<param name=”VideoBorderWidth” value=”0″>

<!–显示部的宽部,如果小于视频宽,则最小为视频宽,或者加大到指定值,并自动加大高度.此改变只改变

四周的黑框大小,不改变视频大小–>

<param name=”VideoBorderColor” value=”0″>

<!–显示黑色框的颜色, 为RGB值,比如ffff00为黄色–>

<param name=”VideoBorder3D” value=”0″>

<param name=”Volume” value=”0″>

<!–音量大小,负值表示是当前音量的减值,值自动会取绝对值,最大为0,最小为-9640,最大0–>

<param name=”WindowlessVideo” value=”0″>

<!–如果是0可以允许全屏,否则只能在窗口中查看–>

</object>

<br>

<b>播放控制:</b><br>

音乐切换:

<input type=”button” onclick=”mp.Filename=’sha.mp3′” value=”你是风儿我是沙”>

<input type=”button” onclick=”mp.Filename=’bh.mp3′” value=”白狐”>

<input type=”button” onclick=”alert(mp.Filename)” value=”当前曲目”>

<br>

播放控制:

<input type=”button” onclick=”mp.play()” value=”播放”>

<input type=”button” onclick=”mp.pause()” value=”暂停”>

<input type=”button” onclick=”mp.pause();mp.CurrentPosition=0″ value=”停止”>

<br>

声道控制:

<input type=”button” onclick=”mp.Balance=9640″ value=”左声道”>

<input type=”button” onclick=”mp.Balance=0″ value=”立体声”>

<input type=”button” onclick=”mp.Balance=-9640″ value=”右声道”>

<input type=”button” onclick=”alert(mp.Balance)” value=”当前状态”>

<br>

进度控制:

<input type=”button” onclick=”mp.CurrentPosition=0″ value=”回到开始”>

<input type=”button” onclick=”mp.CurrentPosition+=60″ value=”快进一分钟”>

<input type=”button” onclick=”mp.CurrentPosition-=60″ value=”快退一分钟”>

<input type=”button” onclick=”alert(mp.Duration)” value=”总长度”>

<input type=”button” onclick=”alert(mp.CurrentPosition)” value=”当前进度”>

<br>

音量控制:

<script language=”javascript”>

function setVolume(num)

{

var mp=document.getElementById(”mp”)

tnum=mp.Volume+num

if(tnum>0){tnum=0}

if(tnum<-10000){tnum=-10000}

mp.Volume=tnum

}

</script>

<input type=”button” onclick=”setVolume(200)” value=”音量+”>

<input type=”button” onclick=”setVolume(-200)” value=”音量-”>

<input type=”button” onclick=”mp.Volume=0″ value=”最大”>

<input type=”button” onclick=”mp.Volume=-10000″ value=”最小”>

<input type=”button” onclick=”mp.Mute=-1″ value=”静音”>

<input type=”button” onclick=”mp.Mute=0″ value=”取消静音”>

<input type=”button” onclick=”alert(mp.Volume)” value=”当前音量”>

<br>

速度控制:

<input type=”button” onclick=”if(mp.Rate<2){mp.Rate+=0.1}” value=”加速”>

<input type=”button” onclick=”if(mp.Rate>0.2){mp.Rate-=0.1}” value=”减速”>

<input type=”button” onclick=”mp.Rate=1″ value=”正常”>

<input type=”button” onclick=”alert(mp.Rate)” value=”当前速度”>

<br><b>界面控制:</b><br>

字幕控制:

<input type=”button” onclick=”mp.ShowCaptioning=-1″ value=”显示”>

<input type=”button” onclick=”mp.ShowCaptioning=0″ value=”隐藏”>

<input type=”button” onclick=”alert(mp.ShowCaptioning)” value=”当前状态”>

<br>

音量控制:

<input type=”button” onclick=”mp.ShowAudioControls=-1″ value=”显示”>

<input type=”button” onclick=”mp.ShowAudioControls=0″ value=”隐藏”>

<input type=”button” onclick=”alert(mp.ShowAudioControls)” value=”当前状态”>

<br>

播放控制:

<input type=”button” onclick=”mp.ShowControls=-1″ value=”显示”>

<input type=”button” onclick=”mp.ShowControls=0″ value=”隐藏”>

<input type=”button” onclick=”alert(mp.ShowControls)” value=”当前状态”>

<br>

媒体信息:

<input type=”button” onclick=”mp.ShowDisplay=-1″ value=”显示”>

<input type=”button” onclick=”mp.ShowDisplay=0″ value=”隐藏”>

<input type=”button” onclick=”alert(mp.ShowDisplay)” value=”当前状态”>

<br>

GotoBar :

<input type=”button” onclick=”mp.ShowGotoBar=-1″ value=”显示”>

<input type=”button” onclick=”mp.ShowGotoBar=0″ value=”隐藏”>

<input type=”button” onclick=”alert(mp.ShowGotoBar)” value=”当前状态”>

<br>

状 态 栏:

<input type=”button” onclick=”mp.ShowStatusBar=-1″ value=”显示”>

<input type=”button” onclick=”mp.ShowStatusBar=0″ value=”隐藏”>

<input type=”button”
9fbc
onclick=”alert(mp.ShowStatusBar)” value=”当前状态”>

<br>

跟 踪 条:

<input type=”button” onclick=”mp.ShowTracker=-1″ value=”显示”>

<input type=”button” onclick=”mp.ShowTracker=0″ value=”隐藏”>

<input type=”button” onclick=”alert(mp.ShowTracker)” value=”当前状态”>

<br>

位置控制:

<input type=”button” onclick=”mp.ShowPositionControls=-1″ value=”显示”>

<input type=”button” onclick=”mp.ShowPositionControls=0″ value=”隐藏”>

<input type=”button” onclick=”alert(mp.ShowPositionControls)” value=”当前状态”>

<br>

窗口缩放:

<input type=”button” onclick=”mp.DisplaySize=1″ value=”50%”>

<input type=”button” onclick=”mp.DisplaySize=0″ value=”100%”>

<input type=”button” onclick=”mp.DisplaySize=2″ value=”200%”>

<input type=”button” onclick=”mp.DisplaySize=3″ value=”全屏”>

<input type=”button” onclick=”alert(mp.DisplaySize)” value=”当前状态”>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: