html中的一段播放器代码

从项目中考出来学习的一段播放器代码。

  
  
--t2.jpg

 

应用了Object,据说以classid引用的是IE内嵌的class。

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<%@include file="../../include.jsp"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
<link rel="stylesheet" href="../../css/cfscs.css" type="text/css">
<script language="javascript" src="../script/function.js"></script>
<script type="text/javascript" src="../../script/jquery-1.7.1.min.js"></script>
<script>
//播放录音
jQuery(function(){
  var date = new Date().getTime();
  var url= document.lccRecordForm.recordUrl.value+'&recordCode='+document.lccRecordForm.recordCode.value+'&date='+date;
  document.lccRecordForm.MediaPlayer1.style.display = "block";
  document.lccRecordForm.MediaPlayer1.fileName = url;
  document.lccRecordForm. MediaPlayer1.play();
});
</script>
</head>
<body>
<form name="lccRecordForm"  id="lccRecordForm" method="">
 <input type="hidden" name="recordUrl" id="recordUrl" value='<c:out value="${param.recordUrl}"/>'>
 <input type="hidden" name="recordCode" id="recordCode" value='<c:out value="${param.recordCode}"/>'>
<div id="myDiv"  style="position:absolute;bottom:50px;width=500">
    <object style="display: none;"
       classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" id="MediaPlayer1" name="MediaPlayer1"
       width="386" height="180"
       STANDBY="Loading Windows Media Player components..."
       TYPE="application/x-oleobject">
       <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="" valuetype="ref">
       <param name="InvokeURLs" value="-1">
       <param name="Language" value="-1">
       <param name="Mute" value="0">
       <!--是否静音-->
       <param name="PlayCount" value="1">
       <!--重复播放次数,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">
       <embed src="-1" width="286" height="125" audiostream="-1"
           animationatstart="-1" allowscan="-1" allowchangedisplaysize="-1"
           balance="0" baseurl="value" bufferingtime="15" captioningid="value"
           clicktoplay="-1" cursortype="0" currentposition="0" currentmarker="0"
           defaultframe="value" displaybackcolor="0" displayforecolor="16777215"
           displaymode="0" displaysize="0" enabled="-1" enablecontextmenu="-1"
           enablepositioncontrols="-1" enablefullscreencontrols="-1"
           enabletracker="-1" filename="" invokeurls="-1" language="-1" mute="0"
           playcount="10" previewmode="-1" rate="1" samilang="value"
           samistyle="value" samifilename="value" selectionstart="-1"
           selectiοnend="-1" sendopenstatechangeevents="-1"
           sendwarningevents="-1" senderrorevents="-1" sendkeyboardevents="0"
           sendmouseclickevents="0" sendmousemoveevents="0"
           sendplaystatechangeevents="-1" showcaptioning="0" showcontrols="-1"
           showaudiocontrols="-1" showdisplay="0" showgotobar="0"
           showpositioncontrols="-1" showstatusbar="-1" showtracker="-1"
           transparentatstart="-1" videoborderwidth="0" videobordercolor="0"
           videoborder3d="0" volume="0" windowlessvideo="0"></embed>
       <!--如果是0可以允许全屏,否则只能在窗口中查看-->
    </object>
</div>
</form>
</body>
</html>

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是一个基本的优化视频播放器HTML 代码示例: ``` <video id="my-video" class="video-js" controls preload="auto" width="640" height="360" data-setup="{}"> <source src="example.mp4" type='video/mp4'> <source src="example.webm" type='video/webm'> <p class="vjs-no-js"> To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="https://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a> </p> </video> ``` 代码解释: - `video-js` 类用于启用 Video.js 播放器,它是一个开源的 HTML5 视频播放器库,提供了许多有用的功能和插件。 - `controls` 属性用于显示播放器控制条。 - `preload` 属性用于设置视频预加载。设置为 `auto` 可以让浏览器自动预加载一部分视频文件。 - `width` 和 `height` 属性用于设置视频的宽度和高度。 - `data-setup` 属性用于指定 Video.js 配置选项,例如插件和自定义控制条。 - `<source>` 标签用于定义视频的源文件,可以有多个不同格式的源文件提供给不同浏览器使用。 - `type` 属性用于指定视频文件的 MIME 类型。 - `<p>` 标签用于在浏览器不支持视频标签时显示的备用文本内容。 在上面的示例代码,视频文件有两个不同格式的源文件:`example.mp4` 和 `example.webm`。如果浏览器支持其一个格式,就会播放对应的视频文件。如果两种格式都不支持,则会显示备用文本内容。 你可以将示例代码的视频文件路径和 MIME 类型更改为你自己的文件。另外,你可以使用 Video.js 提供的 API 和插件来进一步优化播放器的功能和性能。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值