本节课，将要制作 shige3.html （诗歌3）页面，涉及到在网页中插入MP4格式视频的方法 。

一、打开站点目录（gushi/），复制首页文件  index.html ，并将复制后的文件重命名为： shige3.html。

二、打开Dreamweaver软件，在右下角站点管理中，点击刷新小图标，出现shige3.html文件后，双击文件，进入编辑模式，然后删除内容框中的文字和图片。如图所示：

三、 由于我们所使用的Dreamweaver软件是CS3版本，并不支持直接插入MP4格式视频的功能。需要我们进入代码模式，编辑HTML代码，来解决这个问题。

在HTML代码中，支持MP4视频播放的代码标签是 <vidoe> ，使用语法如下：

<video src="视频地址" controls="controls" width="视频宽度">

    您的浏览器不支持 video 标签。

</video>

我们需要将这段代码插入到网页中，并将相应的值修改正确。

1. 点击shige3.html的内容单元格，再点击 代码 模式，进入代码编辑界面。

2. 在代码编辑模式下，插入如下代码：（其中：src/songyuanershianxi.mp4 是指向 src目录下的 songyuanershianxi.mp4 文件， width="800"，设置此视频的播放窗口宽度为800。controls="controls"代表播放控制。）

<video src="src/songyuanershianxi.mp4" controls="controls" width="800">您的浏览器不支持 video 标签。</video>

四、插入完成后，按F12进入浏览器打开模式。（如下图）

我们会发现，在谷歌浏览器中可以播放，而在IE8及以下的浏览器中不能播放。在360浏览器的极速模式下可以播放，兼容模式下不能播放。这是由于古老的IE8及IE8以下版本的浏览器并不支持<video>标签，所以无法播放MP4视频，这个问题的解决方式，只有一种，就是让使用者用更先进的浏览器：如谷歌的Chrome、360的极速模式、IE9+等等。

对比在网页中插入MP4和FLV视频之后，我们发现两种视频格式都会存在一些不完美的情况，即便如此，我们仍然建议视频格式使用MP4格式，因为现代的、先进的浏览器对MP4支持更好。