网页中创建音频、视频和Flash等多媒体:object元素
<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元素的更多相关文章
- HTML网页中添加音频视频动画...(转)
在网页中适当嵌入音频和视频能够充分显示网页的多媒体特性,特别是随着宽带网的普及,使得网络广播和网络视频成为现实,网页音频和视频的重要性也日益突显.具体来说,网页音频和视频的嵌入方法主要有三种: 一.b ...
- HTML在网页中插入音频视频简单的滚动效果
每次上网,打开网页后大家都会看到在网页的标签栏会有个属于他们官网的logo,现在学了HTML了,怎么不会制作这个小logo呢,其实很简单,也不需要死记硬背,每当这行代码出现的时候能知道这是什么意思就o ...
- 网页中插入外部视频的几种方法(PC与手机网页通用)
网页中加入视频的几种方法(PC与手机网页通用) 方法一: <!doctype html> <html> <head> <meta charset=" ...
- Unity3d:使用uWebKit插件嵌入网页,网页中的flv视频无法播放
问题描述:unity3d程序,使用uWebKit插件嵌入网页,用来播放FLV视频,有的电脑可以正常播放,有的电脑在网页中播放不了ps:网页中的播放器用的是player.swf解决方案:是由于网页中的播 ...
- HTML中的音频 视频 的播放代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/ ...
- 用firefox的插件下载网页中的视频
对于网页中的一些视频,直接下载不了,可以用专用下载软件下载,也可以用firefox的NetVideohunter Video Downloader插件下载网页中的视频,方便快捷. 工具/原料 fi ...
- HTML 多媒体、Object 元素、音频、视频
Web 上的多媒体指的是音效.音乐.视频和动画. 现代网络浏览器已支持很多多媒体格式. 什么是多媒体? 多媒体来自多种不同的格式.它可以是您听到或看到的任何内容,文字.图片.音乐.音效.录音.电影.动 ...
- 前端笔记之HTML5&CSS3(上)新特性&音频视频&本地存储&自定义属性
一.HTML5简介 HTML 5 的第一份正式草案已于2008年1月22日公布.HTML5 仍处于完善之中.然而,大部分现代浏览器已经具备了某些 HTML5 支持. 2014年10月29日,万维网联盟 ...
- C# 网络编程之webBrowser获取网页url和下载网页中图片
该文章主要是通过C#网络编程的webBrowser获取网页中的url并简单的尝试瞎子啊网页中的图片,主要是为以后网络开发的基础学习.其中主要的通过应用程序结合网页知识.正则表达式实现浏览.获取url. ...
随机推荐
- Unity 图文重现官方教程视频 2droguelike 第一集
初衷: 本人初学Unity,四处收集了一些视频和教材,学习和摸索了一段时间, 我发现官网教程简单易上手,只不过他是英文讲解不方便,我就想把他翻译翻译吧, 然后我又发现看视频学习要暂停回放好多遍,麻烦, ...
- 机器学习英雄访谈录之 DL 自由职业者:Tuatini Godard
目录 机器学习英雄访谈录之 DL 自由职业者:Tuatini Godard 正文 对我的启发 机器学习英雄访谈录之 DL 自由职业者:Tuatini Godard Sanyam Bhutani 是 M ...
- GitHubDesktop权限问题解决办法
Desktop对于管理仓库非常方便.实用 很多人实用Desktop将仓库项目clone到本地 但是更新后同步时出现了如下权限错误: Error Authentication failed. You m ...
- Kubernetes调用vSphere vSAN做持久化存储
参考 1.vSphere Storage for Kubernetes 2.IBM vSphere Cloud Provider 3.GitHub vSphere Volume examples 一. ...
- c++之洛谷P1068分数线划定
这是个排序题,做题过程中对sort的理解加深了不少,记下来避免忘记. 题目来源:https://www.luogu.org/problemnew/show/P1068 题目描述 世博会志愿者的选拔工作 ...
- 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 ...
- Varnish 4.0 实战
简介 Varnish 是一款高性能且开源的反向代理服务器和 HTTP 加速器,其采用全新的软件体系机构,和现在的硬件体系紧密配合,与传统的 squid 相比,varnish 具有性能更高.速度更快.管 ...
- WAMP的一些配置修改
一.修改php运行的目录,即www目录 1. 在工具栏里点击 Apache->httpd.conf 2. 找到 DocumentRoot "G:/PHP/wamp/www/" ...
- 【iMooc】全面解析java注解
在慕课上学习了一个关于java注解的课程,下面是笔记以及一些源码. Annotation——注解 1.JDK中的注解 JDK中包括下面三种注解: @Override:标记注解(marker annot ...
- 【转】mybatis如何防止sql注入
sql注入大家都不陌生,是一种常见的攻击方式,攻击者在界面的表单信息或url上输入一些奇怪的sql片段,例如“or ‘1’=’1’”这样的语句,有可能入侵参数校验不足的应用程序.所以在我们的应用中需要 ...