标签

标签不符合标准网页设计的理念,不赞成使用。

标签已经被符合标准的 标签代替。

定义及用法

定义嵌入的内容,比如插件。

embed可以用来插入各种多媒体,格式可以是 Midi、Wav、AIFF、AU、MP3等等,所有主流浏览器都支持 标签。

属性设置

src 内容的URL

url为音频或视频文件及其路径,可以是相对路径或绝对路径。

name 对象名称

该属性给对象取名,以便其他对象利用。

type 内容的类型

规定嵌入内容的 MIME 类型。

(1) type=application/x-mplayer2

只要是普通的windows电脑,都带有windows media player,不需要另外装播放器。

下面2种CODE,使用火狐时可能会听不见,不过装了realplayer和quicktime, 应该就能听见。

(2) type=audio/x-pn-realaudio-plugin

如果电脑没装realplayer或者quicktime,那用火狐时就不能显示播放器。

(3) type=audio/mpeg

如果电脑没装quicktime,用火狐时就不能显示播放器。

注:

如果用IE浏览器,播放器显示和type没关系,它的显示只跟自己电脑的默认播放器设置有关。IE不管播放器type是什么,只显示你电脑里设置的默认播放器的形状,如果默认播放器是windows media player, 一般的mp3 wma都能播放。

如果是apple quicktime的默认播放器,那不管播放器type是什么,都会显示成细长条。

如果是windows media player的,就会显示成粗的那种。别的还有realplayer。。。。好多种。如果这个播放器能放mp3,但不能放wma的歌(比如quicktime),那碰到wma的歌,就会显示其他的播放器,或者不能显示播放器(如果没装其他播放器)。

如果是用firefox浏览器。就会根据播放器type显示成各种形状。如果没装某种type的播放器,就有可能不显示播放器。比如没装apple quicktime的,用火狐就不能显示type="audio/mpeg"; type="application/x-oleobject"; type="application/octet-stream"或者没有type的播放器。

google chrome,似乎拥有IE和forefox两重特点,能显示出不同播放器的形状,没有某种type的播放器时,也能以其他播放器替代。

maxthon似乎和IE的一样。

height/width 容器属性

说明:取值为正整数或百分数,单位为像素。该属性规定控制面板的高度和宽度。

height:控制面板的高度;显示资源的高度的高度,以CSS的像素。

width:控制面板的宽度。

units 容器单位

语法:units=pixels、en

说明:该属性指定高和宽的单位为pixels或en。

border 边框

单位像素

autostart 自动播放

该属性规定音频或视频文件是否在下载完之后就自动播放。

autostart=true:音乐文件在下载完之后自动播放;

autostart=false:音乐文件在下载完之后不自动播放。

loop 循环播放

说明:该属性规定音频或视频文件是否循环及循环次数。

loop=正整数:音频或视频文件的循环次数与正整数值相同;

loop=true:音频或视频文件循环;

loop=false:音频或视频文件不循环。

hidden 面板显示

该属性规定控制面板是否显示,默认值为no。

hidden=ture:隐藏面板;

hidden=no:显示面板。

starttime 开始时间

该属性规定音频或视频文件开始播放的时间。未定义则从文件开头播放。

volume 音量大小

该属性规定音频或视频文件的音量大小,值为0-100之间的整数。

未定义则使用系统本身的设定。

hspace 水平距离

单位像素

controls 外观设置

该属性规定控制面板的外观。默认值是console。

controls=console:一般正常面板;

controls=smallconsole:较小的面板;

controls=playbutton:只显示播放按钮;

controls=pausebutton:只显示暂停按钮;

controls=stopbutton:只显示停止按钮;

controls=volumelever:只显示音量调节按钮。

title 标题文字

该属性规定音频或视频文件的说明文字。

palette 前景色和背景色

语法:palette=color|color

说明:该属性表示嵌入的音频或视频文件的前景色和背景色,第一个值为前景色,第二个值为背景色,中间用 | 隔开。color可以是RGB色(RRGGBB)也可以是颜色名,还可以是transparent(透明)。

align 对齐方式

该属性规定控制面板和当前行中的对象的对齐方式。

align=center:控制面板居中;

align=left:控制面板居左;

align=right:控制面板居右;

align=top:控制面板的顶部与当前行中的最高对象的顶部对齐;

align=bottom:控制面板的底部与当前行中的对象的基线对齐;

align=baseline:控制面板的底部与文本的基线对齐;

align=texttop:控制面板的顶部与当前行中的最高的文字顶部对齐;

align=middle:控制面板的中间与当前行的基线对齐;

align=absmiddle:控制面板的中间与当前文本或对象的中间对齐;

align=absbottom:控制面板的底部与文字的底部对齐。

参考资料

html embed自动播放,HTML-embed标签相关推荐

  1. 谷歌(chrome)浏览器不能自动播放视频video标签

    问题:VIDEO播放视频只有声音不出现画面 原因:视频格式有问题 mp4的视频编码有三种:MPEG4(DivX),MPEG4(Xvid),AVC(H264) 使用H264格式,视频播放正常 问题:谷歌 ...

  2. android自动播放mp3,audio标签移动端(微信)实现自动播放

    此文可能对ios端适用,因为Android机型暂未发现无法播放情况. 应该是某些浏览器对一些标签进行了限制啥的,就像chrome对视频播放也进行了一些限制. 引入音乐文件 使用js // music自 ...

  3. 手机 html自动播放视频,video标签设置autoplay在手机浏览器无法自动播放视频的解决方案...

    content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, width=device-widt ...

  4. 菜鸟教程html图片自动播放,HTML img 标签 | 菜鸟教程

    alt 属性和 title 属性的区别: 1.alt 属性的特点 A.alt属性(注意是"属性"而不是"标签")包括替换说明,对于图像和图像热点是必须的.它只能 ...

  5. 微信公众号网页 H5 video 标签自动播放

    目录 微信公众号网页 H5 video 标签自动播放 问题描述 解决方案 微信公众号网页 H5 video 标签自动播放 环境:微信公众号网页 需求:H5 video 标签自动播放视频 video 标 ...

  6. 怎么让优酷视频在网页中自动播放方法

    优酷视频在网页中自动播放: 方法一 1.首先在优酷复制得到欲贴视频的代码, <embed src="http://player.youku.com/player.php/sid/XMz ...

  7. 详解:如何让优酷、土豆、56、mofile视频自动播放

    详解:如何让优酷.土豆.56.mofile视频自动播放 一.优酷视频自动播放的方法 (引用优酷播放器做背景音乐时,可将高宽设置为较小值以达到隐藏效果,当然必须设置为自动播放) 如: <embed ...

  8. 爱奇艺自动播放代码制作

    爱奇艺电影地址 http://player.video.qiyi.com/deacdbc0da34485f9e99c69a9cf37f63/0/5714/dianying/20120803/07b97 ...

  9. html背景音乐自动播放embed,怎样在网页中插入背景音乐(自动播放代码).doc

    怎样在网页中插入背景音乐 软件 Dreamweaver带浏览器的电脑 1 首先在网上下载一个Dreamweaver软件安装,当然使用其他的网站编程软件也可以. 2 打开软件界面如下. 3 选择&quo ...

  10. html embed音乐循环,html5 embed标签的loop属性是怎么用的?embed标签的属性总结!

    本篇文章介绍了关于html5 embed标签的loop属性的使用方法详情,还有embed标签的属性使用总结,接下来让我们一起来看这篇文章吧 我们先了解HTML5 embed标签的loop属性的用法: ...

最新文章

  1. 语音文件转成文字怎么转
  2. 【GVA】gorm多对多many2many删除数据的同时级联删除关联中间表中的关联数据
  3. C++算法七:插入排序
  4. 2017.8.26 力 思考记录
  5. Python中遍历指定目录
  6. OpenCV+MFC显示图像
  7. 考勤查询统计SQL脚本。
  8. vue-admin-better前端页面-菜单-权限配置
  9. Devc++使用及debug超详解
  10. 面试时如何做好5分钟自我介绍?
  11. 科学家发现超时空传输能量的方法
  12. 每日一练:第十一天——侦探推理
  13. 【C语言】深入理解二级指针
  14. Java经纬度画轨迹图_利用百度地图JavaScript API绘制运动轨迹
  15. 判断医院项目是否重复收费
  16. java 大整数加法
  17. 自动驾驶代客泊车AVP功能介绍
  18. Linux每天一个命令:nc/ncat
  19. 用键盘输入一位整数,当输入1-7时,显示对应的英文星期名称的缩写。输入其他数字提示用户重新输入,输入数字0时程序结束
  20. DW06D二合一锂电池保护 IC

热门文章

  1. YOLOv5中的CSP结构
  2. 引央视主播康辉大笑的度晓晓,是个只会吹彩虹屁的 AI 助手吗?
  3. 百度地图API学习 - 点击地图显示为中心点
  4. 外卖行业现状分析_2019年我国餐饮外卖行业发展现状及前景分析
  5. BERT: Pre-training of Deep Bidirectional Transformers forLanguage Understanding
  6. 无法处理类型为text html,types – 解释为Font但使用MIME类型text / html传输的资源将无法修复...
  7. 马原复习笔记(老师勾画的重点以及相应的习题练习)
  8. 背包问题(Knapsack Problem) ----- 蛮力法
  9. matlab 求特征值的命令,matlab中求解特征值方程函数eig
  10. pvcreate出错: Can't open /dev/sdb7 exclusively. Mounted filesystem?