HTML5多媒体元素详解：video与audio属性及使用方法.pptx

HTML5+CSS3

多媒体影音播放;学习目标; HTML5的出现提供了音频、视频的标准接口，可以在不借助诸如FlashPlayer等第三方插件的情况下，直接在网页上嵌入音频、视频组件。

video元素可以用来播放网络中的视频和电影，audio元素可以用来播放网络中的音频。使用这两种元素，就不再需要任何插件，只要使用支持HTML5的浏览器，就可以实现网络中的多媒体播放。音频、视频组件。 ;audio元素用于播放音频，使用方法如下所示：

audiosrc=音频的URL地址

您的浏览器不支持audio音频元素

/audio

示例，播放本地的mp3格式的音频：

audiosrc=music/mp3/zhufu.mp3

您的浏览器不支持audio音频元素

/audio;video元素用于播放视频，使用方法如下所示：

videowidth=640height=360src=视频的URL地址

您的浏览器不支持video视频元素

/video

在使用中，把播放视频的URL地址指定给该元素的arc属性。此外，由于视频需要通过界面显示，因此还要通过width属性设定界面的宽度，height属性设定界面的高度。; 通过source元素，可以为媒体数据指定多个播放格式与编码格式，浏览器按照书写顺序从上到下判断自己对哪种播放格式支持，直到选择到自己支持的播放格式为止。sourc