音频与视频标签—audio和video
2015-11-11 00:00
405 查看
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>
唯一可选值为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>
相关文章推荐
- HTML5 Canvas画线技巧
- VirtualBox安装linux后无法上网
- 简单几步,在heroku中部署你的rails项目
- 奇淫巧技之键盘自动弹出
- winform webbroswer设置cookie方法
- c#webbrowser设置代理ip
- Jfinal DB.update和findByid
- ubuntu mysql操作
- Java读取HttpServletRequest的post数据流
- 功能强大的微信商城系统,欢迎体验
- window7 64位下Android studio 安装genymotion模拟器
- linux shell 编程 9 脚本中调用脚本
- codeblocks 安装(1)
- how to create java test folder in intellij idea
- Unicode 转换 ASCII,ASCII 转换 Unicode 在线网站工具
- JAVA事务的特性
- HashMap和Hashtable的区别
- MyEclipse10.0安装 SVN插件
- [Reshipment]DO-して
- 详解Visual Basic脚本在BarTender中的应用