1，视频标签vedio

使用<vedio></vedio>来实现，常用的写法如下：

    <video src="1.mp4" controls muted >当无法播放视频时，会显示这里的内容。</video>

网页显示效果如下：

2，vedio标签的属性详解

1，src指的是视频地址

2，autoplay需要设置muted之后才生效。

3，height与width设置后视频并不会拉伸，而是会自动调整大小

4，preload指的是：当前视频会默认下载到内存，不管你点不点即播放

5，poster用于设置视频封面

3，音频标签audio

使用标签<audio></audio>来实现。通常写法如下：

<audio src="1.mp3" controls></audio>

网页显示如下：

4，音频标签属性详解

1，src指的是音频地址

2，autoplay需要设置muted之后才生效。

5，source标签

<source></source>标签用来确定src的来源，因为现在的浏览器各式各样，有的音频格式有些浏览器不支持，这个时候需要为这些不支持的老旧浏览器提供支持，就需要使用source标签来确定各种格式的音频或者视频。

    <audio controls><source src="1.ogg"><source src="1.mp3">Your browser does not support the audioelement.</audio>

提供了.mp3和.ogg功浏览器选择。

6，figure标签

figure标签用于给图片添加说明，类似于图注和表注。

    <figure><img src="1.jpg" alt="figure标签" title="figure标签"/><figcaption>figure的标题</figcaption></figure>

7，mark标签

用于高亮文字。

<mark>CSDN</mark>

html视频和音频标签相关推荐

php怎样查看视频播放的进度条,H5中视频与音频标签和进度条如何使用
这次给大家带来H5中视频与音频标签和进度条如何使用,H5中视频与音频标签和进度条使用的注意事项有哪些,下面就是实战案例,一起来看一下. 最近项目中使用Html5的video和audio标签来在线播放视 ...
HTML基础之 HTML5新增视频和音频标签
HTML5 新增多媒体标签主要包含两个: 音频:audio 视频:video 使用它们可以很方便在页面中嵌入音频和视频,而不再是去使用flash和其它浏览器插件. 视频: video HTML5在不适 ...
视频标签- video 音频标签- audio
基本使用当前元素支持三种视频格式: 尽量使用 mp4格式使用语法: <video src="media/mi.mp4"></video> 属性很多,有一 ...
【前端学习】前端学习第二天:图片标签、音频标签及视频标签的用法说明
一.图片标签在介绍图片标签之前,首先可以了解一下图片的格式. 1.jpeg(jpg):支持的颜色比较丰富,不支持透明效果,不支持动图: 2.gif:支持的颜色比较少,支持简单透明,支持动图: 3.p ...
HTML中添加超链接、音频标签、视频标签、内嵌框架标签
目录超链接音频标签视频标签内嵌框架标签超链接 1.超链接:当用户点击文字.图像.视频等页面元素时,页面会发生跳转,则这些页面元素就是超链接 2.超链接标签: <a href='url ...
HTML标签结构1.2（媒体标签：图片标签、音频标签、视频标签）
在讲标签前介绍一下路径. 路径绝对路径(从盘符开始) 相对路径(从当前文件开始) 场景:页面需要加载图片.音频等,需要先找到对应图片. 一般情况下大多使用相对路径. 注: ./ 当前 ...
html5前端Video视频标签和audio音频标签的使用
html5前端Video视频标签和audio音频标签的使用 h5新特性中关于Video视频标签和audio音频标签的使用和浅谈一.Video视频标签 video标签是h5新特性中用来播放视频的控件, ...
HTML5中新增的音频标签是,HTML5新增的音频标签、视频标签
我们所说的H5就是我们所说的HTML5中新增的语言标准一.音频标签在HTML5当中有一个叫做audio的标签,可以直接引入一段音频资源放到我们的网页当中格式: 降级的文字说明(当音频文件不能本浏 ...
如何在您HTML中嵌入视频和音频
by Abhishek Jakhar 通过阿比舍克·贾卡(Abhishek Jakhar) 如何在您HTML中嵌入视频和音频 (How to embed video and audio in your ...

html视频和音频标签