JSP页面内嵌播放器的实现方法

本文深入探讨了HTML、JSP页面下实现视频播放的方法,包括简易型、标签型和多功能型的代码实现,并提供了详细的步骤和代码示例。

 1、传统的html格式下的实现方法

   简易型:

   <EMBED src="视频路径" style="HEIGHT: 45px; WIDTH: 190px" type=audio/mpeg  loop="0">
   </EMBED>

 

   标签型:

    <embed width=240 height=140 transparentatstart=true animationatstart=false autostart=true

    autosize=false volume=100 displaysize=0 showdisplay=true showstatusbar=true  showcontrols=true showaudiocontrols=true showtracker=true showpositioncontrols=true balance=true

src="路径">
  </embed>

 

  多功能型 不仅可以放曲子,还能放Flash和其它视频文件。
  <object align=middle classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" class=OBJECT

id=MediaPlayer width=196 height=196>
     <param name=ShowStatusBar value=0>
       <param name=Filename value="http://202.116.*.*/video/story/chinese/hynh/b.wmv">
        <embed type=application/x-oleobject

codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,7

01" >
     </embed>
  </object>

 

 2、jsp页面下视频播放的实现

    JSP页面下一定要注意路径的问题,可通过下载进行调试。  

(1)实现代码1

 <object id="WMPlay" width="640" height="480" classid="CLSID:22d6f312-b0f6-11d0-94ab-

0080c74c7e95" 
codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,71

5" 
align="baseline" border="0" standby="Loading Microsoft Windows Media Player components..." 
type="application/x-oleobject">
 <param name="invokeURLs" value="0">
 <param name="FileName" value="视频路径">
 <param name="ShowControls" value="1">
 <param name="ShowPositionControls" value="0">
 <param name="ShowAudioControls" value="1">
 <param name="ShowTracker" value="1">
 <param name="ShowDisplay" value="0">
 <param name="ShowStatusBar" value="1">
 <param name="AutoSize" value="1">
 <param name="ShowGotoBar" value="0">
 <param name="ShowCaptioning" value="0">
 <param name="AutoStart" value="1">
 <param name="PlayCount" value="0">
 <param name="AnimationAtStart" value="0">
 <param name="TransparentAtStart" value="0">
 <param name="AllowScan" value="1">
 <param name="EnableContextMenu" value="0">
 <param name="ClickToPlay" value="0">
 <param name="DefaultFrame" value="datawindow">
</object>

 

(2)实现代码2

<object id="player" height="240 width="320" classid="CLSID:6BF52A52-394A-11d3-B153-

00C04F79FAA6">
<param NAME="AutoStart" VALUE="-1">
<!--是否自动播放-->
<param NAME="Balance" VALUE="0">
<!--调整左右声道平衡,同上面旧播放器代码-->
<param name="enabled" value="-1">
<!--播放器是否可人为控制-->
<param NAME="EnableContextMenu" VALUE="-1">
<!--是否启用上下文菜单-->
<param NAME="url" value="视频路径">
<!--播放的文件地址-->
<param NAME="PlayCount" VALUE="1">
<!--播放次数控制,为整数-->
<param name="rate" value="1">
<!--播放速率控制,1为正常,允许小数,1.0-2.0-->
<param name="currentPosition" value="0">
<!--控件设置:当前位置-->
<param name="currentMarker" value="0">
<!--控件设置:当前标记-->
<param name="defaultFrame" value="">
<!--显示默认框架-->
<param name="invokeURLs" value="0">
<!--脚本命令设置:是否调用URL-->
<param name="baseURL" value="">
<!--脚本命令设置:被调用的URL-->
<param name="stretchToFit" value="0">
<!--是否按比例伸展-->
<param name="volume" value="50">
<!--默认声音大小0%-100%,50则为50%-->
<param name="mute" value="0">
<!--是否静音-->
<param name="uiMode" value="Full">
<!--播放器显示模式:Full显示全部;mini最简化;None不显示播放控制,只显示视频窗口;invisible全部不显示

-->
<param name="windowlessVideo" value="0">
<!--如果是0可以允许全屏,否则只能在窗口中查看-->
<param name="fullScreen" value="0">
<!--开始播放是否自动全屏-->
<param name="enableErrorDialogs" value="-1">
<!--是否启用错误提示报告-->
<param name="SAMIStyle" value>
<!--SAMI样式-->
<param name="SAMILang" value>
<!--SAMI语言-->
<param name="SAMIFilename" value>
<!--字幕ID-->
</object>
注:本段代码只支持WMP9及以上版本

 

(3)实现代码3

 核心代码同实现代码1,不过以下代码需要从本地选择要播放的文件

<script language="javascript">
function play(){
 var frm = document.forms[0];
 var path=frm.ff.value; 
 frm.WMPlay.FileName=path;
}
</script>

<form name="myform">
<object id="WMPlay" width="350" height="300" classid="CLSID:22d6f312-b0f6-11d0-94ab-

0080c74c7e95" 
codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,71

5" 
align="baseline" border="0" standby="Loading Microsoft Windows Media Player components..." 
type="application/x-oleobject">
 <param name="invokeURLs" value="0">
 <param name="FileName" value="">
 <param name="ShowControls" value="1">
 <param name="ShowPositionControls" value="0">
 <param name="ShowAudioControls" value="1">
 <param name="ShowTracker" value="1">
 <param name="ShowDisplay" value="0">
 <param name="ShowStatusBar" value="1">
 <param name="AutoSize" value="1">
 <param name="ShowGotoBar" value="0">
 <param name="ShowCaptioning" value="0">
 <param name="AutoStart" value="1">
 <param name="PlayCount" value="0">
 <param name="AnimationAtStart" value="0">
 <param name="TransparentAtStart" value="0">
 <param name="AllowScan" value="1">
 <param name="EnableContextMenu" value="0">
 <param name="ClickToPlay" value="0">
 <param name="DefaultFrame" value="datawindow">
</object>
<input name="ff" type="file" onchange="play()">
</form>

转载于:https://my.oschina.net/syso4yy/blog/407455

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值