版权所有 © 2007-2017 致远建站 冀ICP备14009060号-1

HTML5中的多媒体元素

2017-05-24 101

音频audio

audio支持的格式

目前,<audio> 元素支持的3种文件格式:MP3、Wav、Ogg。推荐使用mp3。


浏览器

MP3

Wav

Ogg

Internet Explorer

YES

NO

NO

Chrome

YES

YES

YES

Firefox

YES

YES

YES

Safari

YES

YES

NO

Opera

YES

YES

YES

audio属性详解

属性

描述

autoplay

autoplay

如果出现该属性,则音频在就绪后马上播放。

controls

controls

如果出现该属性,则向用户显示音频控件(比如播放/暂停按钮)。

loop

loop

如果出现该属性,则每当音频结束时重新开始播放。

muted

muted

如果出现该属性,则音频输出为静音。

preload

auto
metadata
none

规定当网页加载时,音频是否默认被加载以及如何被加载。

src

URL

规定音频文件的 URL。


 <audio controls>
    <source src="horse.ogg" type="audio/ogg">
    <source src="horse.mp3" type="audio/mpeg">
    您的浏览器不支持 audio 元素。
</audio> 

audio常用方法

注:dom=document.getElemenutById('id');


视频video

video视频格式

目前,<video> 元素支持三种视频格式:MP4、WebM、Ogg。推荐使用mp4。


浏览器

MP4

WebM

Ogg

Internet Explorer

YES

NO

NO

Chrome

YES

YES

YES

Firefox

YES
从 Firefox 21 版本开始
Linux 系统从 Firefox 30 开始

YES

YES

Safari

YES

NO

NO

Opera

YES
从 Opera 25 版本开始

YES

YES

MIME类型:


格式

MIME-type

MP4

video/mp4

WebM

video/webm

Ogg

video/ogg

需要注意的是,很多视频格式是不受支持的,你需要转换,转换的时候注意编码格式必须选择H264。

video属性:


属性

描述

autoplay

autoplay

如果出现该属性,则视频在就绪后马上播放。

controls

controls

如果出现该属性,则向用户显示控件,比如播放按钮。

height

pixels

设置视频播放器的高度。

loop

loop

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

muted

muted

如果出现该属性,视频的音频输出为静音。

poster

URL

规定视频正在下载时显示的图像,直到用户点击播放按钮。

preload

auto
metadata
none

如果出现该属性,则视频在页面加载时进行加载,并预备播放。如果使用 "autoplay",则忽略该属性。

src

URL

要播放的视频的 URL。

width

pixels

设置视频播放器的宽度。

video常见方法

同audio。

这个还不错哦~赏你点小钱吧!
支付宝打赏
微信打赏