16 2HTML5音频与视频 2. Video元素 口HTM5也提供了一系列通过 video元素来进行视频的标准方法。 口 video元素支持三种视频格式: ■0g:带有 Theora视频编码和 Vorbis音频编码的0g文件。 ■MPG4:带有H.264视频编码和AC音频编码的MPEG4文件 ■webM:带有VP8视频编码和 Vorbis音频编码的WebM文件。 口Web前端开发者可以通过< Source>元素来为同一个视频指定多个 源,供不同的浏览器来选择适合自己的播放源。 河南中医学院/阮晓龙713938213680/http://web.51xueweb.cn
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 2.HTML5音频与视频 16 2.2 Video元素 HTML5 也提供了一系列通过video元素来进行视频的标准方法。 video元素支持三种视频格式： Ogg：带有Theora视频编码和Vorbis音频编码的Ogg文件。 MPEG4：带有H.264视频编码和AAC音频编码的MPEG 4文件 WebM：带有VP8视频编码和Vorbis音频编码的WebM文件。 Web前端开发者可以通过<source>元素来为同一个视频指定多个 源，供不同的浏览器来选择适合自己的播放源
2HTML5音频与视频 2. Video元素 Chrome Opera lOS Safar Opera Mini Android 12 41 45 8 32 9 0g格式音频在浏览器中的支持情况 河南中医学院/阮晓龙713938213680/http://web.51xueweb.cn
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 2.HTML5音频与视频 17 2.2 Video元素 Ogg格式音频在浏览器中的支持情况
18 2HTML5音频与视频 2. Video元素 Edge Safari Opera ioS Safar Opera Mini 43 32 MPG4格式音频在浏览器中的支持情况 河南中医学院/阮晓龙713938213680/http://web.51xueweb.cn
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 2.HTML5音频与视频 18 2.2 Video元素 MPG4格式音频在浏览器中的支持情况
19 2HTML5音频与视频 2. Video元素 Edge Safari Opera ioS Safar Opera Mini 43 32 ⅦEBM格式音频在浏览器中的支持情况 河南中医学院/阮晓龙713938213680/http://web.51xueweb.cn
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 2.HTML5音频与视频 19 2.2 Video元素 WEBM格式音频在浏览器中的支持情况
20 2HTML5音频与视频 23Audo和 Video的属性 口 audio和 video元素的元素属性大致相同: ■src:指定媒体数据的URL地址,即播放视频或音频文件的UR地址。 preload:表明视频或音频文件是否需要进行预加载。 口none:表示不进行预先加载。 口 metadata:表示只预先加载媒体的元数据,主要包括媒体字节数、第 一帧、播放列表、持续时间等信息。 口auto:表示预加载全部视频或音频,该值是默认值。 deo src="example. mp4"preload=auto"></ideo> 河南中医学院/阮晓龙713938213680/http://web.51xueweb.cn
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 2.HTML5音频与视频 20 2.3 Audio和Video的属性 audio和video元素的元素属性大致相同： src：指定媒体数据的URL地址，即播放视频或音频文件的URL地址。 preload：表明视频或音频文件是否需要进行预加载。 none：表示不进行预先加载。 metadata：表示只预先加载媒体的元数据，主要包括媒体字节数、第 一帧、播放列表、持续时间等信息。 auto：表示预加载全部视频或音频，该值是默认值