HTML之音视频
来源:互联网 发布:淘宝查看仓库中的宝贝 编辑:程序博客网 时间:2024/04/30 07:53
1:视频
<video> 标签定义视频,比如电影片段或其他视频流。
<video src="movie.ogg" controls="controls">
您的浏览器不支持 video 标签。</video>
2:视频格式
video元素支持的创建视频格式和对于不同视频格式的浏览器支持
视频格式
IE
Firefox
Opera
Chrom
Ogg
NO
3.5
10.5
5.0
H.264
9.0
NO
NO
5.0
MPEG-4
9.0
NO
NO
5.0
WebM
9.0*
4.0
10.6
6.0
Ogg是带有Thedora视频编码和Vorbis音频编码的Ogg文件
H.264是带有H.264视频编码和AAC音频编码的视频文件
MPEG-4是ISO/IEC标准的视频、音频编码标准,通常也是mp4文件
WebM是Google提出的标准,实际上就是VP8视频编码加上Vorbis,IE仅在安装了VP8解码器时才会支持WebM视频
属性:
属性
值
描述
autoplay
autoplay
如果出现该属性,则视频在就绪后马上播放。
controls
controls
用来设置是否为视频添加控件,如播放、暂停、进度条、音量等,如果视频播放器的宽度无法展开控件的长度,那么就会仅显示”播放”、”暂停”两个控件,控制条的外观可以自定义
height
pixels
设置视频播放器的高度。
loop
loop
如果出现该属性,则当媒介文件完成播放后再次开始播放。
preload
preload
用于定义视频是否预加载,属性有3个可选择的值:none, metadata和auto,默认为auto
(1) none: 不进行加载,使用此属性值,可能是网页创建者期望用户并不太需要此视频,或者为了减少HTTP请求以降低服务器负载。
(2) metadata:部分预加载。使用此属性值,可能是网页创建者期望用户并不太需要此视频,但为用户提供一些元数据(包括尺寸、第一帧、曲目列表和持续时间)
(3) auto:全部预加载。要求浏览器首先把加载视频放在重要的位置,不要关心服务器负载。
如果定义了autoplay, 则忽略该属性
src
url
要播放的视频的 URL。
3:音频
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>音频</title></head><body> <audio src="老男孩.mp3" controls="controls"> 您的浏览器不支持HTML5音频功能呢个 </audio></body></html>
- HTML之音视频
- html之视频
- html标签之视频各种标签
- html基础学习之视频播放
- HTML标签之音频、视频标签
- Html-音视频基础实例
- HTML视频
- HTML 视频
- HTML 视频
- HTML视频
- HTML视频
- “黑马程序员”视频学习笔记之html基础
- html基础学习之不同浏览器的视频播放效果
- HTML:5的新特性之音频和视频播放
- 视频开发之外部音视频输入
- 视频开发之外部音视频输入
- HTML中播放视频
- HTML视频播放代码
- CGAL::compute_average_spacing
- uboot-2011.12移植到S3C2440(四)——SDRAM初始化之后,卡在board.c的memset不动
- 在Eclipse CDT 中配置Artistic Style
- zoj 1751 When Can We Meet?
- asmlinkage
- HTML之音视频
- windows 关机 从起代码
- 异常
- 生亦何欢、死亦何惧
- 自定义ListEditor
- int parseInt(String s, int radix)
- CvArr、Mat、CvMat、IplImage、BYTE转换(总结而来)
- 如何在Eclipse中配置Tomcat?
- Camera Position from View matrix