通过HTML代码实现
<object id="mediaPlayer" classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" width="800"
height="600" standby="Loading Windows Media Player components…" type="application/x-oleobject"
codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112">
<param name="FileName" value="/grstemp/upload/opertiona/<%=source[i][1] %>">
<param name="AutoStart" value="false">
<param name="ShowControls" value="true">
<param name="BufferingTime" value="2">
<param name="ShowStatusBar" value="true">
<param name="AutoSize" value="true">
<param name="InvokeURLs" value="false">
<param name="uiMode" value="full" /> <!-- 播放器模式full(默认)显示全部控件,none仅视频窗口,mini视频及一些常用控件,invisiblei不显示任何控件及视频窗口 -->
<param name="AnimationatStart" value="1">
<param name="TransparentatStart" value="1">
<param name="Loop" value="1">
<embed type="application/x-mplayer2" src=""
name="MediaPlayer" autostart="1" showstatusbar="1" showdisplay="1"
showcontrols="1" loop="0" videoborder3d="0"
pluginspage="http://www.microsoft.com/Windows/MediaPlayer/"
width="800" height="600"></embed>
</object>
通过js实现MediaPlayer的初始化
//封装一个更换播放视频的方法,通过调用来实现播放视频
function initNewView(url){
mpl.CreateAt("divMpl");
mpl.setValume(100);
mpl.setMode(MediaPlayer.uiMode.Full);
mpl.onPlay=function(){ alert("1");ShowMessage("正在播放["+this.getMediaName()+"]"); };
mpl.onPaused=function(){ alert("2");ShowMessage("暂停"); };
mpl.onMediaEnded=function(){ alert("3");ShowMessage("播放结束"); };
mpl.onStop=function(){ alert("4");ShowMessage("停止"); };
mpl.onPositionChange=function(oldPos,newPos){
var pos1={
min:parseInt(oldPos/60),
sec:parseInt(oldPos%60)
};
var pos2={
min:parseInt(newPos/60),
sec:parseInt(newPos%60)
};
ShowMessage(pos1.min+":"+pos1.sec+ "->"+ pos2.min+":"+pos2.sec);
};
//mpl.onStatusChange=function(){ ShowMessage(this.getStatus()); };
mpl.OpenUrl("/grstemp/upload/opertiona/"+url);
window.setInterval("ShowPlayTime()",1000);
}
下边差一个js包, 是将一些常用的 mediaPlayer的方法进行了封装
具体的一些操作可以通过下边这个博客的内容来理解
解释一些MediaPlayer中一些方法,和具体的意思, 还是看js源码比较容易理解https://twinstighter.iteye.com/blog/2086105
在插件中,做了兼容ie8 和ie11的一些判断,所以会有两个初始类, 具体还是自己判断,如果有疑问,可以评论
https://blog.csdn.net/dxw1009636268/article/details/105274826
这个是插件,直接复制出来做成js就可能用了