视频标签- video 音频标签- audio

基本使用当前元素支持三种视频格式：尽量使用 mp4格式使用语法： <video src="media/mi.mp4"></video>

属性很多，有一些属性需要大家重点掌握：

autoplay 自动播放
- 注意：在google浏览器上面，默认禁止了自动播放，如果想要自动播放的效果，需要设置 muted属性
width 宽度
height 高度
loop 循环播放
src 播放源
muted 静音播放

示例代码：

<video src="media/mi.mp4" autoplay="autoplay" muted="muted"  loop="loop" poster="media/mi9.jpg"></video>

音频标签- audio

基本使用

当前元素支持三种视频格式：尽量使用 mp3格式

使用语法：

<audio src="media/music.mp3"></audio>

audio 常用属性

示例代码：

<audio src="media/music.mp3" autoplay="autoplay" controls="controls"></audio>

小结

音频标签和视频标签使用方式基本一致
浏览器支持情况不同
谷歌浏览器把音频和视频自动播放禁止了
我们可以给视频标签添加 muted 属性来静音播放视频，音频不可以（可以通过JavaScript解决）
视频标签是重点，我们经常设置自动播放，不使用 controls 控件，循环和设置大小属性

视频标签- video 音频标签- audio相关推荐

前端学习笔记day01 html 标签之音频 embed+audio+video
1. embed标签有时候视频很大,我们不直接从本地导入到html中,而是从优酷上直接复制html代码即可: 2. 如果是一些小的视频文件可以借助video标签 2.1 <video sr ...
【前端学习】前端学习第二天:图片标签、音频标签及视频标签的用法说明
一.图片标签在介绍图片标签之前,首先可以了解一下图片的格式. 1.jpeg(jpg):支持的颜色比较丰富,不支持透明效果,不支持动图: 2.gif:支持的颜色比较少,支持简单透明,支持动图: 3.p ...
HTML标签结构1.2（媒体标签：图片标签、音频标签、视频标签）
在讲标签前介绍一下路径. 路径绝对路径(从盘符开始) 相对路径(从当前文件开始) 场景:页面需要加载图片.音频等,需要先找到对应图片. 一般情况下大多使用相对路径. 注: ./ 当前 ...
解决H5视频(video)音频(audio)不兼容IE8的问题
HTML5 <video> <audio> 不兼容低版本IE的问题,找了很多种解决方式,最终找到一种比较简单易操作的. 解决办法是引入html5media 这款插件. 使用ht ...
HTML5中新增的音频标签是,HTML5新增的音频标签、视频标签
我们所说的H5就是我们所说的HTML5中新增的语言标准一.音频标签在HTML5当中有一个叫做audio的标签,可以直接引入一段音频资源放到我们的网页当中格式: 降级的文字说明(当音频文件不能本浏 ...
【Android RTMP】音频数据采集编码 ( AAC 音频格式解析 | FLV 音频数据标签解析 | AAC 音频数据标签头 | 音频解码配置信息 )
文章目录安卓直播推流专栏博客总结一. AAC 音频格式解析二. FLV 音频数据标签解析 1. 分析 FLV 格式中的 AAC 音频格式数据 2. AAC 音频特殊配置 3. AAC 音频数据标 ...
【04】HTML5+CSS3：01-HTML5新增标签、多媒体标签、input标签、新增表单属性、CSS3属性选择器、伪元素选择器、2D转换
文章目录 HTML5 第一天一.什么是 `HTML5` 二.`HTML5 ` 新增标签三.多媒体音频标签四.多媒体视频标签五.新增 input 标签六.新增表单属性七.`CSS3 ` 属性 ...
html5前端Video视频标签和audio音频标签的使用
html5前端Video视频标签和audio音频标签的使用 h5新特性中关于Video视频标签和audio音频标签的使用和浅谈一.Video视频标签 video标签是h5新特性中用来播放视频的控件, ...
audio标签的controls属性_HTML5 之视频 video新标签
前言在开始之前先来了解下几种常见的视频格式: ogg 带有theora视频编码和vorbis音频编码的ogg文件 mpeg4 带有H.264 视频编码的和AAC音频编码的mpeg4文件 webm 带 ...

视频标签- video 音频标签- audio

音频标签- audio

小结

视频标签- video 音频标签- audio相关推荐

最新文章

热门文章