转：Object标签实例

最新推荐文章于 2023-06-20 16:28:34 发布
最新推荐文章于 2023-06-20 16:28:34 发布
阅读量386 收藏 1
点赞数
分类专栏： JS 转 文章标签： Object标签 Object播放器实例
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wjiaoling136/article/details/84801995
版权
转 同时被 2 个专栏收录
67 篇文章 0 订阅
订阅专栏
JS
58 篇文章 0 订阅
订阅专栏

上一阵子倒腾web播放器时找了好多有关Object标签的实例，找到了一个比较实用的（具体链接找不到了），传到这里来以备不时之需。

另外，这个例子界面比较全面，可以试着修改Object标签的各个属性，查看Object的播放界面的变化来加深对各个标签的理解，我就是这么做的，后面的好多标签属性都是个人按照个人看到的实际情况做的注释。

1、HTML：

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Window Media Player 播放器</title>
<body οnlοad="init();">
<table id=table01>
<tr>
	<td>
	<object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" id="MediaPlayer1" width="286" height="225" 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">

			<!--当前播放进度 -1 表示不变,0表示开头 单位是秒,比如10表示从第10秒处开始播放,值必须是-1.0或大于等于0-->
			<param name="CurrentPosition" value="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="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">
			

			<!--是否显示往前往后及列表,如果显示一般也都是灰色不可控制,-1表示显示，其他值表示不显示-->
			<param name="ShowPositionControls" value="0">


			<!--当前播放信息,显示是否正在播放,及总播放时间和当前播放到的时间,-1表示显示，其他值表示不显示-->
			<param name="ShowStatusBar" value="-1">			

			<!--是否显示当前播放跟踪条,即当前的播放进度条,-1表示显示进度条，其他值表示不显示-->
			<param name="ShowTracker" value="-1">

			<param name="TransparentAtStart" value="0">
			
			<!--显示部的宽部,如果小于视频宽,则最小为视频宽,或者加大到指定值,并自动加大高度.此改变只改变四周的黑框大小,不改变视频大小-->
			<param name="VideoBorderWidth" value="0">


			<!--显示黑色框的颜色, 为RGB值,比如ffff00为黄色-->
			<param name="VideoBorderColor" value="0">
			

			<param name="VideoBorder3D" value="0">
		
		<!--音量大小,负值表示是当前音量的减值,值自动会取绝对值,最大为0,最小为-9640-->
		<param name="Volume" value="0">

		<!--是否允许全屏,0表示可以全屏,其他值只能在窗口中查看-->
		<param name="WindowlessVideo" value="1">
			
	</object>
	</td>
	<td>
			<div id=playListTitle>Play List:</div>
			<select id=playList size=2 οndragοver="playList_dragOver();" οndragenter="playList_dragEnter();"
			 οndrοp="playList_drop();" οnkeydοwn="playList_keyDown();" οndblclick="playList_dblClick();">
			</select>
	</td>
</tr>
</table>

<div id=musicList οndragstart="musicList_dragStart();">
<div id=musicListTitle>All Music</div>
<a href="a.VOB" οnclick="addMusic();">测试视频</a><br>
<hr>
Tips: 把歌曲拖入播放列表
</div>
<div id=info></div>
<body>
</html>

2、CSS：

 <style>
body {
        overflow:auto;
        font-size:12px;
        cursor:default;
}

#table01 {
        font-size:12px;
        background-Color:black;
        color:white;
        text-align:center;
}

#playListTitle {
        background-Color:#001122;
        color:white;
        font-size:12px;
        font-weight:bold;
        width:100%;
        height:16px;
        padding:2px;
}

#playList {
        width:150px;
        height:225px;
        margin:0px;
        font-size:12px;
        background-Color:black;
        color:white;
}

#musicList {
        width:200px;
        border:buttonface 4px groove;
        height:80px;
        position:absolute;
        right:5px;
        top:5px;
}

#musicListTitle {
        font-size:13px;
        width:100%;
        height:20px;
        background-Color:#C5FFC5;
        padding:3px;
        font-weight:bold;
}

#musicList a {
        text-decoration:none;
        width:100%;
        height:20px;
        line-height:20px;
        font-szie:20px;
        line-height:20px;
        padding-top:5px;
        padding-left:10px;
}

#musicList a:hover {
        background-Color:#E5FFE5;
}
</style>

3、JS：

<script>
function playList_dragOver(){
        event.returnValue=false;
}

function playList_dragEnter(){
        event.returnValue=false;
        event.dataTransfer.dropEffect='link';
}

function addMusic(){
        if(event.srcElement.tagName=='A'){
                strTxt=event.srcElement.innerText;
                strURL=event.srcElement.href;
                playList.innerHTML="";
                playList.options[0]=new Option(strTxt,strURL);
                playList.options[0].selected=true;
        }
        event.returnValue=false;
       
        playList_dblClick();
        return(false);
}

function playList_drop(){
        strTxt=unescape(event.dataTransfer.getData('Text').split(":")[0]);
        strURL=unescape(event.dataTransfer.getData('Text').split(":")[1]);
        playList.options[playList.options.length]=new Option(strTxt,strURL);
}

function playList_keyDown(){
        if(event.keyCode==46){
                try{
                        playList.options[playList.options.selectedIndex].outerHTML="";
                }catch(e){}
                return(false);
        }
        if(event.keyCode==13){
                playList_dblClick();
                return(false);
        }
}

function playList_dblClick(){
        MediaPlayer1.detachEvent("PlayStateChange",checkPlayStatus);
        MediaPlayer1.fileName=playList.value;
		MediaPlayer1.currentPosition=1*60;
        MediaPlayer1.play();
        setTimeout('MediaPlayer1.play();MediaPlayer1.attachEvent("PlayStateChange",checkPlayStatus);',1000);
}

function musicList_dragStart(){
        if(event.srcElement.tagName=='A'){
                event.dataTransfer.setData('Text',escape(event.srcElement.innerText)+":"+escape(event.srcElement.href));
        }else{
                return(false);
        }
}

function init(){
        MediaPlayer1.AutoRewind=false;
        MediaPlayer1.AutoStart=true;
        MediaPlayer1.SendPlayStateChangeEvents=true;
        MediaPlayer1.attachEvent("PlayStateChange",checkPlayStatus);
}

function checkPlayStatus(oldState,newState){
        try{
                if(MediaPlayer1.PlayState==0){
                        MediaPlayer1.detachEvent("PlayStateChange",checkPlayStatus);
                        MediaPlayer1.stop();
                        if(playList.options.selectedIndex<playList.options.length-1){
                                playList.options[playList.options.selectedIndex+1].selected=true;
                        }else{
                                playList.options[0].selected=true;
                        }
                        MediaPlayer1.fileName=playList.value;
						//alert(MediaPlayer1.fileName);
						MediaPlayer1.CurrentPosition="1:20";
                        MediaPlayer1.play();
                        setTimeout('MediaPlayer1.play();MediaPlayer1.attachEvent("PlayStateChange",checkPlayStatus);',1000);
                }
        }catch(e){}
}
</script>

 

wjiaoling136
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Object标签大全
02-28
Object标签
thinkphp中html:list标签传递多个参数实例
12-18
2. **数据源**：`$datasource`属性定义了列表数据来源的VoList（Value Object List）名称，即模型对象列表。 3. **主键**：`$pk`默认为主键`id`，可以通过`pk`属性自定义。 4. **样式**：`$style`定义了列表的CSS...
Object对象转换成具体实例方式
qq_40158535的博客
06-20 921
可以利用hutool包下的JsonUtil工具，先将Object对象强转成JsonObject对象，然后利用JsonUtil内的方法，提供对象的class，转成相应的实例，具体方法如下。
JSONObject相关转换简单案例
sotong006的专栏
01-22 390
package json; import net.sf.json.JSONArray; import net.sf.json.JSONObject; public class JSONObjectDemo { /*** * json字符串转java代码 * @param args */ public static void jsonToJava() { String js
Object对象常用方法-案例
JackieDYH的博客
07-26 712
create 创建一个对象 const obj = Object.create({a:1}, {b: {value: 2}}) 第一个参数为对象，对象为函数调用之后返回新对象的原型对象，第二个参数为对象本身的实例方法（默认不能修改,不能枚举） obj.__proto__.a === 1 // true obj.b = 3; console.log(obj.b) // 2 //创建一个可写的,可枚举的,可配置的属性p obj2 = Object.create({}, { .
object转成实体对象_第八节 对象简洁语法以及对象新增
weixin_39890332的博客
12-06 171
1.什么是对象？ 这里叫--json对象(Object)是类的实例。 对象(object)是一件事、一个实体、一个名词,可以获得的东西,可以想象有自己的标识的任何东西。2.对象的简洁语法（相当有用）例子1简写结果例子2--放个函数可以showB结果可以简写：结果一样建议：千万不要用箭头函数，this指向问题！4.Object 新增Object.is():用来比较两个值是否相等例子3--比较两个东...
Python 生成VOC格式的标签实例
09-17
本篇将详细介绍如何使用Python生成符合VOC标准的标签实例，并提供一个实用的代码示例。同时，还将探讨如何对PASCAL VOC标注数据进行统计分析。 首先，让我们理解VOC格式的标签是如何构造的。一个典型的VOC XML文件...
自定义标签实例java源代码
04-10
Java生成自定义控件源代码，颜色选择下拉框演示，带图标下拉框的单元绘制器,从JLabel类扩展,实现ListCellRenderer接口，采用Object二维数组,用于初始化下拉框,参数依次为图标,显示文本,提示文本，初学者参考。
使用表现显示Base64文件，包括Pdf和Jpg
08-29
使用表现显示Base64文件，包括Pdf和Jpg
ZM—Object 标签来加载flash插件
wangyu0513的博客
02-23 165
项目要求： 接入配置的视频，动态地址，进入页面自动播放 遇到问题： 进入页面第一个视频不会显示，无法自动播放，因为某些原因，我们采用Object 标签来加载flash插件，显示视频。 初始代码如下： <div class="content" v-for="(val,key,i) in videoSource.slice(0,4)" :key="i"> <object type="application/x-shockwave-flash" id="SampleMediaPlaybac
object标签属性详解
Aimee的博客
03-29 1万+
最近在做视频直播这一块的，html5的video不能实现此功能，在网上查找了资料，觉得很有用。一、介绍： 我们要在网页中正常显示flash内容，那么页面中必须要有指定flash路径的标签。也就是OBJECT和EMBED标签。OBJECT标签是用于windows平台的IE浏览器的，而EMBED是用于windows和Macintosh平台下的Netscape Navigator浏览器以及Macinto...
html中object标签的使用
qq_35008624的博客
08-15 1万+
转载地址《国哥笔记》：http://www.ggbiji.com/html-object.html 在html中，&lt;object&gt;标签是用来定义一个嵌入的对象，经常用来在页面中添加多媒体（图像、音频、视频、Java applets、ActiveX、PDF、Flash等）。&lt;object&gt;标签允许规定插入对象的数据和参数和显示和操作数据的代码。&lt;object&gt;标...
HTML中<input>参数，以及文本输入框，文本域的讲解
热门推荐
11-09 3万+
1、type：    当type="text"时，输入框为文本输入框;    当type="password"时, 输入框为密码输入框。 2、name：为文本框命名，以备后台程序ASP 、PHP使用。 3、value：为文本输入框设置默认值。(一般起到提示作用) 文本域，支持多行文本输入： 当用户需要在表单中输入大段文字时，需要用到文本输入域。 语法： rows="行数"
将Object对象转换成实体类对象
PAN17610011759的博客
09-29 1万+
java中，如果将Object对象强转成实体类对象，可能会出现java.util.LinkedHashMap cannot be cast to 异常 解决方法： 利用 com.fasterxml.jackson.databind.ObjectMapper 包下的 convertValue方法可将对象转换为对应的实体类对象 convertValue(Object fromValue, Class<T> toValueType) 例子： /** * redisUtil.get(userInfo
object转成实体对象_Object-oriented Programming
weixin_39966225的博客
12-06 645
我不是知识的创造者，只是知识的搬运工....Object-oriented Programming: 天上掉下来60k，于是我打算去创业卖包子。买原料，和面，剁馅儿，包包子，蒸包子，收钱...每件事情都自己亲手来，这个创业卖包子的过程就是面向过程；后来因为我的包子大受欢迎，忙不过来了，于是我就开始招人。有专门和面的，专门剁馅儿的，专门包包子的，专门蒸包子的....我只负责调遣这些人就好了，我调度人...
实例化了对象但是一直NullReferenceException: Object reference not set to an instance of an object
最新发布
11-01
当你实例化了一个对象但是却一直出现NullReferenceException: Object reference not set to an instance of an object的错误时，可能有以下几种原因： 1. 该物体没有被正确地实例化，或者实例化的时候出现了错误。 2...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值