HTML5播放属性与控件详解.pdfVIP

1、格式的简单介绍

格式：avi、rmb、wmv、mpeg4、ogg、webm

主要有三部分组成：、音频、编码格式

在过去，我们如果想在Web上，也是都是通过Flash来，同样并不

是所有的浏览器都安装了Flash器插件，而现在我们在HTML5中，就能完全

脱离Flash或其他的插件来了

HTML5支持的格式：

Ogg=带有Theora编码和Vorbis音频编码的Ogg文件

MPEG4=带有H.264编码和AAC音频编码的MPEG4文件

WebM=带有VP8编码和Vorbis音频编码的WebM文件

2、HTML5属性

1

src=movie.mp4controls=controls/

src=movie.mp4controls=controls2

浏览器不支持HTML5的功能

/

3

width=300controls=controls…

sourcesrc=movie.oggtype=/ogg

sourcesrc=movie.mp4type=/mp4

/

2、HTML5属性

属性值描述

autoyautoy如果出现该属性，则在就绪后马上

controlscontrols如果出现该属性，则向用户显示控件，比如按钮。

heightpixels设置器的高度

looploop如果出现该属性，则当媒介文件完成后再次开始。

如果出现该属性，则在页面加载时进行加载，并预备。

preloadpreload

如果使用autoy，则忽略该属性。

srcurl要的的URL。

widthpixels设置器的宽度。

可以到搜索

3、HTML5API控件

3、HTML5API控件

获得，这里是DOM对象

var=document.getElementById(ID);

也可以通过jQuery的方法，如下：

var=$(#ID).get(0);

载入：load()，

：y()，

暂停：pause()，

快进10秒：currentTime+=10

速度增加：ybackRate++

速度增加0.1：ybackRate+=0.1

音量增加：volume+=0.1