HTML之音视频

原创 2012年03月24日 21:07:26

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>


android开发之音视频(二)

转载请标明出处: http://blog.csdn.net/AnalyzeSystem/article/details/79311530 本文出自Analyzesyst...
  • AnalyzeSystem
  • AnalyzeSystem
  • 2018年02月11日 16:45
  • 69

android开发之音视频(一)

转载请标明出处: http://blog.csdn.net/AnalyzeSystem/article/details/78489729 本文出自Analyzesyst...
  • AnalyzeSystem
  • AnalyzeSystem
  • 2018年02月11日 15:08
  • 60

HTML5学习笔记之音视频标签

HTML5学习笔记之音视频标签 其他HTML5相关文章 HTML5学习笔记之HTML5基本介绍 HTML5学习笔记之基础标签 HTML5学习笔记之表格标签 HTML5学习笔记之表单标签 HTML5学习...
  • ShmilyCoder
  • ShmilyCoder
  • 2017年09月12日 19:37
  • 120

视频质量分析系统之音视频测试工具

Video Clarity视频质量分析系统 视频图像质量测试仪器ClearView是美国Video Clarity公司的产品。Video Clarity公司,美国专业音视频主观和客观质量...
  • mazhitong1020
  • mazhitong1020
  • 2017年08月02日 11:56
  • 415

RarmaRadio(全球广播电台播放器)官方中文破解版V2.71.5下载 | 含破解文件无需rarmaradio注册码(key)

我们80后小时候条件都比较艰苦,不要说什么电视机了,能有个收银机已经是谢天谢地了,没办法大家都比较喜欢听广播,从调频听到调幅听到短波,“该听”的“不该听”的都听过。家里给我买过一台进口原装的 Pana...
  • wllssss
  • wllssss
  • 2017年12月02日 15:26
  • 144

FFmpeg之音视频相关概念

音视频参数码流 / 码率 / 比特率 / 帧速率 / 分辨率 / 高清的区别 http://blog.csdn.net/xiangjai/article/details/44238005音视频流程 ...
  • xiaoru5127
  • xiaoru5127
  • 2016年05月31日 14:12
  • 395

android视频的编辑(录制,裁剪,合成)(1)

视频的采集及编辑(1)好久没写博客了,最近的事情的比较多。公司正在向产品这块转型,要做音视频的编辑开发,之前的接触这块的东西并不多,所以开发起来有很多的困难,从踩自定义相机的坑开始,视频的录制,编辑(...
  • qq_25497621
  • qq_25497621
  • 2017年06月22日 10:03
  • 779

Android之音视频点、直播模块开发

随着音视频领域的火热,在很多领域(教育,游戏,娱乐,体育,跑步,餐饮,音乐等)尝试做音视频直播、点播功能,那么,如何快速学习音视频基础知识,了解音视频编解码的传输协议,编解码方式,以及如何技术选型,如...
  • shenggaofei
  • shenggaofei
  • 2016年09月10日 08:42
  • 1042

html 插入视频

在HTML中添加视频的代码   自动载入视频   与音乐的播放一样,我们可以使用EMBED标签播放视频,      属性有: SRC="...
  • qilixiang012
  • qilixiang012
  • 2014年10月22日 02:13
  • 1790

如何在html中加入视频

第一步:首先下载video.js,百度一下就能找到。 这个是下载后的目录。 第二步:先把要用到的js\css\swf都加载到html页面上。 ...
  • lalalalalala_
  • lalalalalala_
  • 2018年01月06日 18:02
  • 116
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:HTML之音视频
举报原因:
原因补充:

(最多只允许输入30个字)