音频与视频标签—audio和video
来源:互联网 发布:数据透视表值字段设置 编辑:程序博客网 时间:2024/05/17 07:03
controls属性
唯一可选值为controls,出现controls属性并准确赋值时,音频和视频的的播放控件将会显示,控件包括:播放、暂停、定位、音量、全屏切换、字幕(如果可用)、音轨(如果可用)
音频:<audio src="music.mp3" controls>您的浏览器不支持</audio> <--ogg格式的音频文件也可以-->
视频:<video src ="video.mp4" controls></video> <--ogg格式的视频文件也可以-->
autoplay属性
自动播放功能,出现autoplay属性时音频或视频文件就会自动播放
音频:<audio src="music.mp3" controls autoplay></audio>
视频:<video src="video.mp4" controls autoplay></video>
loop属性
循环播放功能,出现loop属性时音频或视频文件就会自动播放
音频:<audio src="music.mp3" controls loop></audio>
视频:<video src="video.mp4" controls loop></video>
preload属性
如果设置了autoplay、preload将会被忽略。
auto 当页面加载后载入整个音频/视频
meta 当页面加载后只载入元数据
none 当页面加载后不载入音频/视频
source属性
浏览器兼容属性,有些浏览器只兼容.mp3而不兼容.ogg格式,则可以使用source兼容浏览器写法,视频也是一样的
音频:<audio controls>
<source src="music.mp3" type="audio/mpeg">
<source src="music.ogg" type="audio/ogg">
</audio>
视频:<video controls>
<source src="video.mp4" type="video/mp4">
<source src="video.ogg" type="video/ogg">
</video>
muted属性
muted属性规定视频或者音频输出时是被静音的
<video src="video.mp4" controls muted>
video标签width、heigth属性
高度和宽度,一般只需要写一个,将视频播放器设置为固定的宽度或者高度。
<video src="video.mp4" controls width="500"></video>
- 音频与视频标签—audio和video
- HTML5-音频audio和视频video标签
- 视频<video>音频<audio>
- HTML5(2):音频(audio)与视频(video)
- IOS音频和视频(Audio & Video)
- HTML5 网页音频和视频(<audio> 和 <video>)
- html5 音频和视频(audio And video)
- HTML5无插件多媒体Media——音频audio与视频video
- 低版本IE6/7/8浏览器中使用HTML5的audio和video标签播放视频音频
- 关于html音频以及视频标签video audio标签的实例
- HTML5 音频播放 <audio> 视频<video>
- H5之视频video/音频audio
- H5学习之15 video audio 标签,以及视频 音频能够最大可能正常的方式
- 02-audio和video标签
- 直接在低版本IE6/7/8浏览器中使用HTML5的audio和video标签播放视频音频的办法
- 直接在低版本IE6/7/8浏览器中使用HTML5的audio和video标签播放视频音频的办法
- HTML5视频播放器video和音频播放器audio用法
- HTML5视频播放器<video>和音频播放器<audio>用法
- IELTS Speaking Part 2: educational TV programme
- 0/1背包问题动态规划 空间复杂度是o(C)
- ListView中嵌套ListView
- description The server refused this request because the request entity is in a format not supported
- Scikit-learn 学习笔记--(1)特征选择
- 音频与视频标签—audio和video
- Nginx 源码完全剖析 nginx 自旋锁 ngx_spinlock
- 笔记本出现过的问题(联想)
- Linux SSH 客户端保存密码 自动登录服务端
- HttpURLConnection--HttpURLConnection的Post请求方式
- B与BL的区别
- 海量数据处理
- Android开发UI之ActionBar的覆盖叠加
- Android解析XML(SAX DOM PULL)