3.7 案例实战：在网页中插入FLV视频
视频讲解
FLV是Flash Video的简称，是一种网络视频格式，由于该格式生成的视频文件小、加载速度快，成为网络视频的通用格式之一。目前很多视频网站，如搜狐视频、56、优酷等都使用FLV技术来实现视频的制作、上传和播放。在Dreamweaver CC中插入FLV视频的方法如下。
【操作步骤】
第1步，启动Dreamweaver CC，新建文档，保存为test.html。
第2步，在编辑窗口中，将光标定位在要插入FLV视频的位置。
第3步，选择【插入】|【媒体】|【Flash Video】命令，打开【插入FLV】对话框，如图3.24所示。
图3.24 【插入FLV】对话框
第4步，在【视频类型】下拉列表中选择视频下载类型，包括【累进式下载视频】和【流视频】两种类型。当选择【流视频】选项后，对话框会变成如图3.25所示。
图3.25 插入流视频
第5步，如果希望累进式下载浏览视频，则应该从【视频类型】下拉列表中选择【累进式下载视频】选项。然后在如图3.24所示的对话框中设置以下选项。
（1）【URL】文本框：指定FLV文件的相对或绝对路径。如果要指定相对路径，例如，mypath/myvideo.flv，用户可以单击【浏览】按钮，在打开的【选择文件】对话框中选择FLV文件。如果要指定绝对路径，可以直接输入FLV文件的URL，例如，http://www.example.com/myvideo.flv。
（2）【外观】下拉列表：指定FLV视频组件的外观。所选外观的预览会出现在下面预览框中。
（3）【宽度】文本框：以像素为单位指定FLV文件的宽度。若要让Dreamweaver确定FLV文件的准确宽度，可以单击【检测大小】按钮。如果Dreamweaver无法确定宽度，则必须输入宽度值。
（4）【高度】文本框：以像素为单位指定FLV文件的高度。如果要让Dreamweaver确定FLV文件的准确高度，可以单击【检测大小】按钮。如果Dreamweaver无法确定高度，则必须输入宽度值。注意，FLV文件的宽度和高度包括外观的宽度和高度。
（5）【限制宽高比】复选框：保持FLV视频组件的宽度和高度之间的纵横比不变。默认情况下会选中该复选框。
（6）【自动播放】复选框：指定在Web页面打开时是否播放视频。
（7）【自动重新播放】复选框：指定播放控件在视频播放完之后是否返回起始位置。
第6步，设置完毕，单击【确定】按钮关闭对话框，并将FLV视频添加到网页中。
第7步，插入FLV视频之后，系统会自动生成一个视频播放器SWF文件和一个外观SWF文件，它们用于在网页上显示FLV视频内容。这些文件与FLV视频内容所添加到的HTML文件存储在同一目录中。当用户上传包含FLV视频内容的网页时，Dreamweaver将以相关文件的形式上传这些文件。插入FLV视频的网页效果如图3.26所示。
图3.26 插入FLV视频效果
提示：如果要更改FLV视频设置，可在Dreamweaver编辑窗口中选择FLV视频组件占位符，在属性面板中可以设置FLV视频的宽和高、FLV视频文件、视频外观等属性。如果要删除FLV视频，只需要在Dreamweaver的编辑窗口中选择FLV视频组件占位符，然后按Delete键即可。