<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 -> 定义对象周围水平方向的空白

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

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

  1. <!--控制重复次数: “x”为几重复播放几次; x=0,无限循环。-->
  2. <param name="playcount" value="1">
  3.  
  4. <!--控制播放方式: x=1,打开网页自动播放; x=0,按播放键播放。-->
  5. <param name="autostart" value="0">
  6.  
  7. <!--控制播放开关: x=1,可鼠标点击控制播放或暂停状态; x=0,禁用此功能。-->
  8. <param name="clicktoplay" value="1">
  9.  
  10. <!--控制播放画面: x=0,原始大小; x=1,一半大小; x=2,2倍大小。-->
  11. <param name="displaysize" value="0">
  12.  
  13. <!--控制切换全屏: x=1,允许切换为全屏; x=0,禁用此功能。-->
  14. <param name="enablefullscreen controls" value="1">
  15.  
  16. <!--控制音量: x=1,允许调节音量; x=0,禁止音量调节。-->
  17. <param name="showaudio controls" value="1">
  18.  
  19. <!--控制快捷菜单: x=1,允许使用右键菜单; x=0,禁用右键菜单。-->
  20. <param name="enablecontext menu" value="1">
  21.  
  22. <!--控制版权信息: x=1,显示电影及作者信息;x=0,不显示相关信息-->
  23. <param name="showdisplay" value="1">
  24.  
  25. <!--是否自动播放-->
  26. <param NAME="AutoStart" VALUE="-1">
  27.  
  28. <!--调整左右声道平衡,同上面旧播放器代码-->
  29. <param NAME="Balance" VALUE="0">
  30.  
  31. <!--播放器是否可人为控制-->
  32. <param name="enabled" value="-1">
  33.  
  34. <!--是否启用上下文菜单-->
  35. <param NAME="EnableContextMenu" VALUE="-1">
  36.  
  37. <!--播放的文件地址-->
  38. <param NAME="url" VALUE="http://1.wma">
  39.  
  40. <!--播放次数控制,为整数-->
  41. <param NAME="PlayCount" VALUE="1">
  42.  
  43. <!--播放速率控制,1为正常,允许小数,1.0-2.0-->
  44. <param name="rate" value="1">
  45.  
  46. <!--控件设置:当前位置-->
  47. <param name="currentPosition" value="0">
  48.  
  49. <!--控件设置:当前标记-->
  50. <param name="currentMarker" value="0">
  51.  
  52. <!--显示默认框架-->
  53. <param name="defaultFrame" value="">
  54.  
  55. <!--脚本命令设置:是否调用URL-->
  56. <param name="invokeURLs" value="0">
  57.  
  58. <!--脚本命令设置:被调用的URL-->
  59. <param name="baseURL" value="">
  60.  
  61. <!--是否按比例伸展-->
  62. <param name="stretchToFit" value="0">
  63.  
  64. <!--默认声音大小0%-100%,50则为50%-->
  65. <param name="volume" value="50">
  66.  
  67. <!--是否静音-->
  68. <param name="mute" value="0">
  69.  
  70. <!-- 播放器显示模式:Full显示全部;mini最简化;None不显示播放控制,只显示视频窗口;invisible全部不显示 -->
  71. <param name="uiMode" value="mini">
  72.  
  73. <!--如果是0可以允许全屏,否则只能在窗口中查看-->
  74. <param name="windowlessVideo" value="0">
  75.  
  76. <!--开始播放是否自动全屏-->
  77. <param name="fullScreen" value="0">
  78.  
  79. <!--是否启用错误提示报告-->
  80. <param name="enableErrorDialogs" value="-1">
  81.  
  82. <!--SAMI样式-->
  83. <param name="SAMIStyle" value>
  84.  
  85. <!--字幕ID-->
  86. <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. Unity 图文重现官方教程视频 2droguelike 第一集

    初衷: 本人初学Unity,四处收集了一些视频和教材,学习和摸索了一段时间, 我发现官网教程简单易上手,只不过他是英文讲解不方便,我就想把他翻译翻译吧, 然后我又发现看视频学习要暂停回放好多遍,麻烦, ...

  2. 机器学习英雄访谈录之 DL 自由职业者:Tuatini Godard

    目录 机器学习英雄访谈录之 DL 自由职业者:Tuatini Godard 正文 对我的启发 机器学习英雄访谈录之 DL 自由职业者:Tuatini Godard Sanyam Bhutani 是 M ...

  3. GitHubDesktop权限问题解决办法

    Desktop对于管理仓库非常方便.实用 很多人实用Desktop将仓库项目clone到本地 但是更新后同步时出现了如下权限错误: Error Authentication failed. You m ...

  4. Kubernetes调用vSphere vSAN做持久化存储

    参考 1.vSphere Storage for Kubernetes 2.IBM vSphere Cloud Provider 3.GitHub vSphere Volume examples 一. ...

  5. c++之洛谷P1068分数线划定

    这是个排序题,做题过程中对sort的理解加深了不少,记下来避免忘记. 题目来源:https://www.luogu.org/problemnew/show/P1068 题目描述 世博会志愿者的选拔工作 ...

  6. LeetCode 633. Sum of Square Numbers平方数之和 (C++)

    题目: Given a non-negative integer c, your task is to decide whether there're two integers a and b suc ...

  7. Varnish 4.0 实战

    简介 Varnish 是一款高性能且开源的反向代理服务器和 HTTP 加速器,其采用全新的软件体系机构,和现在的硬件体系紧密配合,与传统的 squid 相比,varnish 具有性能更高.速度更快.管 ...

  8. WAMP的一些配置修改

    一.修改php运行的目录,即www目录 1. 在工具栏里点击 Apache->httpd.conf 2. 找到 DocumentRoot "G:/PHP/wamp/www/" ...

  9. 【iMooc】全面解析java注解

    在慕课上学习了一个关于java注解的课程,下面是笔记以及一些源码. Annotation——注解 1.JDK中的注解 JDK中包括下面三种注解: @Override:标记注解(marker annot ...

  10. 【转】mybatis如何防止sql注入

    sql注入大家都不陌生,是一种常见的攻击方式,攻击者在界面的表单信息或url上输入一些奇怪的sql片段,例如“or ‘1’=’1’”这样的语句,有可能入侵参数校验不足的应用程序.所以在我们的应用中需要 ...