Media Player视频播放插件,兼容ie8+等, 记录

通过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就可能用了

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值