<object>元素:它主要用于定义网页中的多媒体,比如音频、视频、Java applets、PDF、ActiveX和Flash。Object标签是成对出现的,在object标签内可以使用param标签等。Object标签内除了param标签外,其它的内容将在浏览器不支持object标签时显示。注意,在HTML5尚未制定完成且普及时,最好使用flash在网页中播放音频和视频,以保证最大兼容性

Object标签的主要可选属性:

type -> 被规定在data属性中指定的文件中出现的数据的MIME类型

width -> 对象的宽

height -> 对象的高

data -> 引入对象的URL,如果有需要对象处理的数据文件,用data属性来指定这些文件

border -> 定义对象周围的边框

name -> 为对象对已唯一的名称(以便在脚本中使用)

vspace -> 定义对象的垂直方向的空白

hspace -> 定义对象周围水平方向的空白

<!--- 使用OBJECT元素,type、data属性以及PARAM元素播放flash --->
<div style="border:5px solid black; padding:5px; float:left;">
<object width="200" height="200" type="application/x-shockwave-flash" data="clock.swf">
<param name="src" value="clock.swf" />
<param name="quality" value="high" />
</object>
</div>

在object内param元素的一些用法:

<!--控制重复次数: “x”为几重复播放几次; x=0,无限循环。-->
<param name="playcount" value="1"> <!--控制播放方式: x=1,打开网页自动播放; x=0,按播放键播放。-->
<param name="autostart" value="0"> <!--控制播放开关: x=1,可鼠标点击控制播放或暂停状态; x=0,禁用此功能。-->
<param name="clicktoplay" value="1"> <!--控制播放画面: x=0,原始大小; x=1,一半大小; x=2,2倍大小。-->
<param name="displaysize" value="0"> <!--控制切换全屏: x=1,允许切换为全屏; x=0,禁用此功能。-->
<param name="enablefullscreen controls" value="1"> <!--控制音量: x=1,允许调节音量; x=0,禁止音量调节。-->
<param name="showaudio controls" value="1"> <!--控制快捷菜单: x=1,允许使用右键菜单; x=0,禁用右键菜单。-->
<param name="enablecontext menu" value="1"> <!--控制版权信息: x=1,显示电影及作者信息;x=0,不显示相关信息-->
<param name="showdisplay" value="1"> <!--是否自动播放-->
<param NAME="AutoStart" VALUE="-1"> <!--调整左右声道平衡,同上面旧播放器代码-->
<param NAME="Balance" VALUE="0"> <!--播放器是否可人为控制-->
<param name="enabled" value="-1"> <!--是否启用上下文菜单-->
<param NAME="EnableContextMenu" VALUE="-1"> <!--播放的文件地址-->
<param NAME="url" VALUE="http://1.wma"> <!--播放次数控制,为整数-->
<param NAME="PlayCount" VALUE="1"> <!--播放速率控制,1为正常,允许小数,1.0-2.0-->
<param name="rate" value="1"> <!--控件设置:当前位置-->
<param name="currentPosition" value="0"> <!--控件设置:当前标记-->
<param name="currentMarker" value="0"> <!--显示默认框架-->
<param name="defaultFrame" value=""> <!--脚本命令设置:是否调用URL-->
<param name="invokeURLs" value="0"> <!--脚本命令设置:被调用的URL-->
<param name="baseURL" value=""> <!--是否按比例伸展-->
<param name="stretchToFit" value="0"> <!--默认声音大小0%-100%,50则为50%-->
<param name="volume" value="50"> <!--是否静音-->
<param name="mute" value="0"> <!-- 播放器显示模式:Full显示全部;mini最简化;None不显示播放控制,只显示视频窗口;invisible全部不显示 -->
<param name="uiMode" value="mini"> <!--如果是0可以允许全屏,否则只能在窗口中查看-->
<param name="windowlessVideo" value="0"> <!--开始播放是否自动全屏-->
<param name="fullScreen" value="0"> <!--是否启用错误提示报告-->
<param name="enableErrorDialogs" value="-1"> <!--SAMI样式-->
<param name="SAMIStyle" value> <!--字幕ID-->
<param name="SAMIFilename" value>

网页中创建音频、视频和Flash等多媒体:object元素的更多相关文章

  1. HTML网页中添加音频视频动画...(转)

    在网页中适当嵌入音频和视频能够充分显示网页的多媒体特性,特别是随着宽带网的普及,使得网络广播和网络视频成为现实,网页音频和视频的重要性也日益突显.具体来说,网页音频和视频的嵌入方法主要有三种: 一.b ...

  2. HTML在网页中插入音频视频简单的滚动效果

    每次上网,打开网页后大家都会看到在网页的标签栏会有个属于他们官网的logo,现在学了HTML了,怎么不会制作这个小logo呢,其实很简单,也不需要死记硬背,每当这行代码出现的时候能知道这是什么意思就o ...

  3. 网页中插入外部视频的几种方法(PC与手机网页通用)

    网页中加入视频的几种方法(PC与手机网页通用) 方法一: <!doctype html> <html> <head> <meta charset=" ...

  4. Unity3d:使用uWebKit插件嵌入网页,网页中的flv视频无法播放

    问题描述:unity3d程序,使用uWebKit插件嵌入网页,用来播放FLV视频,有的电脑可以正常播放,有的电脑在网页中播放不了ps:网页中的播放器用的是player.swf解决方案:是由于网页中的播 ...

  5. HTML中的音频 视频 的播放代码

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/ ...

  6. 用firefox的插件下载网页中的视频

    对于网页中的一些视频,直接下载不了,可以用专用下载软件下载,也可以用firefox的NetVideohunter Video Downloader插件下载网页中的视频,方便快捷. 工具/原料   fi ...

  7. HTML 多媒体、Object 元素、音频、视频

    Web 上的多媒体指的是音效.音乐.视频和动画. 现代网络浏览器已支持很多多媒体格式. 什么是多媒体? 多媒体来自多种不同的格式.它可以是您听到或看到的任何内容,文字.图片.音乐.音效.录音.电影.动 ...

  8. 前端笔记之HTML5&CSS3(上)新特性&音频视频&本地存储&自定义属性

    一.HTML5简介 HTML 5 的第一份正式草案已于2008年1月22日公布.HTML5 仍处于完善之中.然而,大部分现代浏览器已经具备了某些 HTML5 支持. 2014年10月29日,万维网联盟 ...

  9. C# 网络编程之webBrowser获取网页url和下载网页中图片

    该文章主要是通过C#网络编程的webBrowser获取网页中的url并简单的尝试瞎子啊网页中的图片,主要是为以后网络开发的基础学习.其中主要的通过应用程序结合网页知识.正则表达式实现浏览.获取url. ...

随机推荐

  1. Vue.js 相关知识(动画)

    1. 简介 Vue 在插入.更新或移除 DOM 时,提供多种不同方式的过渡效果,并提供 transition 组件来实现动画效果(用 transition 组件将需执行过渡效果的元素包裹) 语法:&l ...

  2. mysql学习(1)

    开始我们基础的mysql学习 第一部分:补充知识 1. 昨天讲到的mysql初始化密码为空,今天又get到一种新的方法 Mysql安装后需要做的 Mysql安装成功后,默认的root用户密码为空,你可 ...

  3. python 图像处理(从安装Pillow开始)

    python2.x及以下用的是PIL(图像处理库是 PIL(Python Image Library)),最新版本是 1.1.7  可在http://www.pythonware.com/produc ...

  4. Beta版本冲刺(五)

    目录 组员情况 组员1(组长):胡绪佩 组员2:胡青元 组员3:庄卉 组员4:家灿 组员5:恺琳 组员6:翟丹丹 组员7:何家伟 组员8:政演 组员9:黄鸿杰 组员10:刘一好 组员11:何宇恒 展示 ...

  5. C语言入门:02.第一个C语言程序

    一.开发工具的选择(1)可以用来写代码的工具:记事本.UltraEdit.Vim.Xcode等(2)选择Xcode的原因:苹果官方提供的开发利器.简化开发过程.有高亮显示功能 (3)使用Xcode新建 ...

  6. PGSQL 数据库备份练习

    截图先 慢慢说 1. 简单使用方法 先用 之前的setx 命令设置环境变量. set path=%PATH% ---其实第一步没必要..... 跟人学的 setx PATH "%path%& ...

  7. orcle 远程连接其他数据库 进行查询数据

    CREATE PUBLIC DATABASE LINK testlinkCONNECT TO hxka IDENTIFIED BY bjdscoalUSING '(DESCRIPTION =(ADDR ...

  8. ELK环境配置

    一.安装java环境 1.下载jre并安装,安装过程中没有什么特殊的,一直默认下一步即可. 2.配置环境变量 其中变量值为我们安装的jre的路径 二.安装elasticsearch 1.下载es安装包 ...

  9. Logback日志存放路径的问题

    问题: 将一个应用程序打成了Jar包后,使用命令运行jar包,发现日志存放的路径并不统一: 比如 hello.jar 包放在  /aaa/bbb 目录下 如果在 /aaa/bbb 目录下执行:java ...

  10. SpringBoot基础篇AOP之基本使用姿势小结

    一般来讲,谈到Spring的特性,绕不过去的就是DI(依赖注入)和AOP(切面),在将bean的系列中,说了DI的多种使用姿势:接下来看一下AOP的玩法 <!-- more --> I. ...