HTML5中的video 视频元素和audio 音频元素

HTML5中的video 视频元素和audio 音频元素

video 视频元素

以往的视频播放，需要借助 Flash 插件才可以实现。但 Flash 插件的不稳定性经常让浏览器导致崩溃，因此很多浏览器或系统厂商开始抛弃它。而取代它的正是 HTML5 的 video元素。 1.嵌入一个 WebM视频

解释：

URL； width 表示宽度； height 表示高度。 2.附加一些属性

解释： autoplay表示自动开始播放； controls 表示显示播放控件； loop 表示循环播放； muted 表示静音。 3.预加载设置

解释： preload 属性有三个值： none 表示播放器什么都不加载； metadata 表示播放之前只能加载元数据（宽高、第一帧画面等信息）；

海文国际 http://www.hwua.com

auto 表示请求浏览器尽快下载整个视频。 4.使用预览图

属性名称 src width height autoplay preload controls loop muted poster

解释： poster 属性表示在视频的第一帧，做一张预览图。 5.兼容多个浏览器

说明 视频资源的 URL 视频宽度 视频高度 设置后，表示立刻开始播放视频 设置后，表示预先载入视频 设置后，表示显示播放控件 设置后，表示反复播放视频 设置后，表示视频处于静音状态 指定视频数据载入时显示的图片 海文国际 http://www.hwua.com

解释：通过元素引入多种格式的视频，让更多的浏览器保持兼容。

audio 音频元素

和 video 元素一样， audio 元素用于嵌入音频内容，而音频元素的属性和视频元素类似。音频的支持度和视频类似，使用元素引入多种格式兼容即可。主流的音频格式有： .mp3， .m4a， .ogg， .wav。 1.嵌入一个音频

解释：和嵌入视频一个道理。 2.兼容多个浏览器 解释：略。

PS：更多设计到 API 的 JavaScript 控制，将在以后的基于

海文国际 http://www.hwua.com

JavaScript 基础后讲解。