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=”当前状态”>
<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=”当前状态”>
相关文章推荐
- HTML5中js控制video视频和分段播放
- 微信Android自动播放视频(可交互,设置层级,无控制条,非X5)ffmpeg,jsmpeg.js,.ts视频
- UIWebView 通过JS控制页面视频播放
- HTML5 js控制vedio视频和分段播放
- JS控制HTML5媒体播放与暂停,及Chrome兼容的视频格式
- js控制视频播放
- js控制vedio视频和分段播放
- 利用vedio播放视频和原生js对其进行控制
- video.js不能控制本地视频或者音频播放时长
- js控制html5 【video】标签中视频的播放和停止
- 视频播放控制
- jwplayer.js播放视频
- OpenCV Trackbar 控制视频播放 cvSetTrackbarPos 的问题
- 滚动条控制视频播放问题解决方案
- 为播放视频加控制条
- JS 获取动太ID,播放视频
- 安卓使用videoview进行音频、视频播放,及播放控制
- 从零开始学习音视频编程技术(十) FFMPEG Qt视频播放器之播放控制
- 不完全解决Android微信HTML5 播放视频的问题(不显示控制条,可交互)
- js控制背景音乐播放