任务10.3 网页中的视频文件的使用.pptxVIP

模块10网页多媒体设计任务10.3网页中的视频文件的使用网页设计项目教程（HTML5+CSS3+JavaScript）

任务描述?本任务围绕网页中视频文件的应用展开，系统讲解video元素。?基础属性：controls、autoplay、loop、preload，以及尺寸设置width/height。?状态属性：networkState（网络加载状态）与readyState（就绪状态）。?常用方法：play()、pause()、load()等；常用事件：play、pause、ended等。?任务实施：设计并实现一个无默认控件的自定义视频播放器。

相关知识和技能任务10.3涵盖以下核心知识点与综合实践：?10.3.1添加视频文件?10.3.2添加自动播放的视频文件?10.3.3添加循环播放的视频文件?10.3.4添加预播放的视频文件?10.3.5设置视频文件的宽度和高度?10.3.6设置networkState属性?10.3.7设置readyState属性?10.3.8常用方法和事件|任务实施

10.3.1添加视频文件HTML5通过video元素提供标准视频播放方案，无需任何插件。MP4H.264编码；通用格式，所有现代浏览器均支持。WebMVP9编码；开源格式，Chrome/Firefox/Ed