12.8 综合实例
根据本章介绍的HTML5多媒体知识，制作图12-11所示的视频播放界面。
图12-11 视频播放界面
具体操作步骤如下：
（1）新建页面，在＜title＞标签中输入“综合实例——视频播放”作为页面标题。
（2）准备好视频资料，引用到网页。本实例准备了“.mp4”格式的视频文件，新建网页与多媒体文件保存在同一目录下。
（3）为了方便设置整个页面内容的样式，使用id为main的div将所有元素包围起来。
（4）添加video元素用来嵌入视频，设置视频宽度为585像素，设置poster属性添加海报图像。
完成后的代码如下：
经过设置还可以支持多种视频格式，所以它不仅可以被用来做网络视频播放器，还可以给它增加一些功能，把它做成跨平台的本地视频播放器。
