使用 Flowplayer 的自动配置，只需要在播放器的容器上，添加一个 flowplayer 这个 CSS 类，然后里面使用 video 标签去包装视频的播放源 … 播放源可以使用 source 标签去指定 ….

另外我们也可以手工去安装配置播放器 … 首先，这个视频播放器的容器上的 CSS 类需要换成除了 flowplayer 以外的其它任何的名称。

打开资料包 01-02 里面的网页 …. 找到播放器容器 …. 这里我们把容器上的 flowplayer 类 … 改成 ninghao-player … 这里你可以改成任何你喜欢的名字 ….

播放器容器里面，同样可以使用 video 标签，还有 source 标签 .. 去指定视频的来源 ….

然后在这个容器的下面，我们要使用 flowplayer 插件去安装一下播放器 …

先输入一组 <script> 标签 ..

在里面再输入 $(".ninghao-player").flowplayer() … 这行代码的意思就是，找到页面上的 ninghao-palyer 这个 CSS 类 …

然后为这个类所在的元素上使用 flowplayer 播放器 ..

我们可以先保存一下 … 再到浏览器上预览一下 …

你会看到，播放器可以正常工作，点击播放，可以播放视频 … （快进两下 ...）