美文网首页
## HTML基础-多媒体标签

## HTML基础-多媒体标签

作者: KsKison | 来源:发表于2017-06-25 20:42 被阅读0次

## HTML基础-多媒体标签

# video标签

# audio标签

# marquee标签(跑马灯)

H5新增标志性标签

-video

什么是video标签?

-作用:播放视频

格式:

video标签的属性

src:视频地址

-用于告诉video标签需要播放的视频地址

autoplay:自动播放

-用于告诉video标签是否需要自动播放视频

controls:控制条

-是否显示控制条

poster:占位图片

-视频播放前显示的占位图片

loop:循环播放

-视频播放完毕是否需要循环播放

preload:预加载

-是否需要预加载视频.

-注意:preplay跟autoplay冲突,同时设置只有其中一个有效

muted:静音

width:宽度

weight:高度

video的第二种格式

由于视频数据非常非常重要,所以五大浏览器厂商都不愿意支持别人的视频格式,所以导致了没有一种视频格式是所有浏览器都支持的

这个时候W3C为了解决这个问题,所以推出了第二个video格式(浏览器会自动选择自己能播放的格式播放)

注意点:当前通过video标签的第二种格式虽然能够制定所有浏览器都支持的视频格式,但是显然所有浏览器必须支持HTML5,否则同样无法播放

以后可以通过JS的html5media框架来实现

-audio

什么是audio标签?

-作用:播放音频

-格式一:

-格式二:

注意点:

-audio标签的使用和video标签的使用基本一样,bideo能够使用的属性在audio标签中大部分都能使用,只有width/height/poster不能使用

什么是详情和概要标签?

-作用:

-格式:

概要信息

详情信息

什么是marquee标签?

作用:跑马灯

格式:

内容

属性:

direction:设置滚动方向 up/down/left/right

scrolleramount:滚动速度,值越大越快

loop:滚动次数,默认是-1,也就是无限滚动

behavior:滚动类型,slide滚到边界停止/alternate滚到边界弹回

注意点:

marquee标签不是W3C推荐的标签,在W3C官方文档中也无法查询这个标签,但是各大浏览器对这个标签的支持非常好

相关文章

  • ## HTML基础-多媒体标签

    ## HTML基础-多媒体标签 # video标签 # audio标签 # marquee标签(跑马灯) H5新增...

  • HTML基础--多媒体标签

    video标签 作用: 播放视频 格式1: video标签的属性src: 告诉video标签需要播放的视频地址au...

  • [HTML5] html5 笔记1

    01-HTML5基础 了解HTML5 新语义标签 网页布局结构标签及兼容处理 多媒体标签及属性介绍 新表单元素及属...

  • HTML多媒体

    今天学习了HTML传统的多媒体标签 和 标签。HTML多媒体主要包含视频、音频、动画等,在HTML中要插入这些...

  • 06HTML基础--多媒体标签

    video标签 作用: 播放视频 格式1: video标签的属性 src: 告诉video标签需要播放的视频地址 ...

  • 06HTML基础--多媒体标签

    video标签 作用: 播放视频 格式1: video标签的属性src: 告诉video标签需要播放的视频地址au...

  • 06HTML基础--多媒体标签

    video标签 作用: 播放视频 格式1: video标签的属性src: 告诉video标签需要播放的视频地址au...

  • H5视频&音频

    视/音频的发展 标签的作用是在HTML页面中嵌入多媒体元素 标签的作用是在HTML页面中嵌入多媒体元素 问题:...

  • HTML:多媒体标签

    video标签 • 作用: 播放视频• 格式1: • video标签的属性○ src: 告诉video标签需要播...

  • HTML多媒体标签

    video标签 格式1: 作用: 播放视频 属性: src: 告诉video标签需要播放的视频地址 autopla...

网友评论

      本文标题:## HTML基础-多媒体标签

      本文链接:https://www.haomeiwen.com/subject/knvrcxtx.html