项目5 HTML5与语义化标签.pptxVIP

HTML5与语义化标签

HTML5中的音频和视频的应用

任务1video视频元素020304附加一些属性预加载设置使用预览图01嵌入一个WebM视频05兼容多个浏览器

video视频元素-01嵌入一个WebM视频videosrc=test.webmwidth=800height=600/video解释：video插入一个视频，主流的视频为.webm，.mp4，.ogg等。src表示资源，width表示宽度；height表示高度。

video视频元素-02附加一些属性videosrc=test.webmwidth=800height=600autoplaycontrolsloopmuted/video解释：autoplay表示自动开始播放；controls表示显示播放控件；loop表示循环播放；muted表示静音。

video视频元素-03预加载设置videosrc=http://li.cc/test.webmwidth=800height=600controlspreload=none/video解释：preload属性有三个值：none表示播放器什么都不加载；metadata表示播放之前只能加载元数据（宽高、第一帧画面等信息）；auto表示请求浏览器尽快下载整个视频。

video视频