选择“插入”>“HTML”>“Flash 视频”。
上次更新日期：
2023年9月25日
了解如何在网页中嵌入视频以及如何在 Dreamweaver 中插入 FLV 文件。
在网页中嵌入视频 (HTML5)
HTML5 支持视频和音频标签，以使用户能够在浏览器中播放视频和音频文件，而无需使用外部增效工具或播放器。 Dreamweaver 支持使用代码提示来添加视频和音频标签。
“实时”视图呈现视频，以提供嵌入在网页中的视频的预览。
注释
虽然可以在网页中嵌入任何视频，但“实时”视图并非始终呈现所有视频。 Dreamweaver 使用 Apple QuickTime 增效工具来支持音频和视频标签。 在 Windows 中，如果未安装 Apple QuickTime 插件，网页不会呈现媒体内容。
如需了解如何插入 HTML5 视频，请参阅在 Dreamweaver 中插入 HTML5 视频。
插入 FLV 文件
插入 FLV 文件
您\n无需使用 Flash 创作工具即可轻松地将 FLV 视频添加到您的网页中。在开始之前，必须有一个经过编码的 FLV 文件。
Dreamweaver 插入一个 SWF 组件来显示 FLV 文件；在浏览器中查看时，此组件显示所选的 FLV 文件以及一组播放控件。
Dreamweaver 为您提供以下选项将 FLV 视频传递给您的网站访客：
累进式下载视频
将 FLV 文件下载到网站访客的硬盘，然后播放。然而，与传统的"下载并播放"视频传递方式不同，渐进式下载允许视频文件在下载完成之前开始播放。
流视频
对视频内容进行流式处理，并在一段可确保流畅播放的很短的缓冲时间后在网页上播放该内容。 若要在网页上启用流视频，您必须具有访问 Adobe® Flash® Media Server 的权限。
必须有一个经过编码的 FLV 文件，然后才能在 Dreamweaver 中使用它。 可以插入使用以下两种编解码器（压缩/解压缩技术）创建的视频文件：Sorenson Squeeze 和 On2。
与常规 SWF 文件一样，在插入 FLV 文件时，Dreamweaver 将插入检测用户是否拥有可查看视频的正确 Flash Player 版本的代码。 如果用户没有正确的版本，则页面将显示替代内容，提示用户下载最新版本的 Flash Player。
注释
若要查看 FLV 文件，用户的计算机上必须安装 Flash Player 8 或更高版本。 如果用户没有安装所需的 Flash Player 版本，但安装了 Flash Player 6.0 r65 或更高版本，则浏览器将显示 Flash Player 快速安装程序，而非替代内容。 如果用户拒绝快速安装，则页面会显示替代内容。
有关使用视频的详细信息，请访问视频技术中心，网址为 www.adobe.com/go/flv_devcenter_cn。
插入 FLV 文件
在"插入 FLV"对话框中，从"视频类型"弹出窗口菜单中选择"渐进式下载"或"流媒体视频"。
完成对话框中的其余选项，然后单击"确定"。
注释
Microsoft Internet Information Server (IIS) 不处理嵌套对象标记。对于 ASP 页面，Dreamweaver 在插入 SWF 或 FLV 文件时使用嵌套对象/嵌入代码而不是嵌套对象代码。
设置渐进式下载视频的选项
"插入 FLV"对话框让您可以为插入到网页中的 FLV 文件的渐进式下载传递设置选项。
选择“插入”>“HTML”>“Flash 视频”（或单击“插入”面板的“HTML”类别中的“Flash 视频”图标）。
在"插入 FLV"对话框中，从"视频类型"菜单中选择"渐进式下载视频"。
指定以下选项：
URL
指定 FLV 文件的相对路径或绝对路径。 要指定相对路径（例如，mypath/myvideo.flv），请单击"浏览"按钮，导航到 FLV 文件并选择它。要指定绝对路径，请输入 FLV 文件的 URL（例如，http://www.example.com/myvideo.flv)）。
外观
指定视频组件的外观。 所选外观的预览显示在"外观"弹出窗口菜单下方。
宽度
FLV 文件的宽度（以像素为单位）。 Dreamweaver 可以确定 FLV 文件的宽度，您可以看到该字段会自动显示宽度。
高度
FLV 文件的高度（以像素为单位）。 Dreamweaver 可以自动优化 FLV 文件的高度，您可以看到该字段会自动显示高度。
注释
“包括外观”是 FLV 文件的宽度和高度与所选外观的宽度和高度相加得出的和。
限制高宽比
在视频组件的宽度和高度之间保持相同的纵横比。默认情况下会选择此选项。
自动播放
指定是否在打开网页时播放视频。
自动重新播放
指定播放控件是否在视频播放完毕后返回起始位置。
单击"确定"关闭对话框并将 FLV 文件添加到您的网页。
"插入 FLV"命令生成一个视频播放器 SWF 文件和一个外观 SWF 文件，用于在网页上显示您的视频内容。（要查看新文件，您可能需要单击"文件"面板中的"刷新"按钮。）这些文件存储在与您要添加视频内容的 HTML 文件相同的目录中。当您上传包含 FLV 文件的 HTML 页面时，Dreamweaver 会将这些文件作为相关文件上传（只要您在"上传相关文件"对话框中单击"是"）。
设置流视频选项
"插入 FLV"对话框让您可以为插入到网页中的 FLV 文件的流媒体视频下载设置选项。
选择“插入”>“HTML”>“Flash 视频”（或单击“插入”面板的“HTML”类别中的“Flash 视频”图标）。
从“视频类型”弹出菜单中选择“流视频”。
服务器 URI
以 rtmp://www.example.com/app_name/instance_name 的形式指定服务器名称、应用程序名称和实例名称。
流名称
指定您要播放的 FLV 文件的名称（例如，myvideo.flv）。扩展名 .flv 是可选的。
外观
指定视频组件的外观。 所选外观的预览\n显示在"外观"弹出窗口菜单下方。
宽度
FLV 文件的宽度（以像素为单位）。 Dreamweaver 可以确定 FLV 文件的宽度并自动在该字段中填入宽度。
高度
FLV 文件的高度（以像素为单位）。 Dreamweaver 可以确定 FLV 文件的高度并自动在该字段中填入高度（以像素为单位）。
注释
“包括外观”是 FLV 文件的宽度和高度与所选外观的宽度和高度相加得出的和。
限制高宽比
保持视频组件的宽度和高度之间的比例不变。 默认情况下会选择此选项。
实时视频输入
指定视频内容是否是实时的。 如果选择了“实时视频输入”，则 Flash Player 将播放从 Flash® Media Server 流入的实时视频流。 实时视频输入的名称是在“流名称”文本框中指定的名称。
注释
要启用“实时视频输入”，您必须从“外观”字段中选择一个光晕外观选项。 如果选择了“实时视频输入”，组件的外观上只会显示音量控件，因为您无法操纵实时视频。 此外，“自动播放”和“自动重新播放”选项也不起作用。
自动播放
指定在打开网页时\n是否播放视频。
自动重新播放
指定视频播放完毕后\n播放控件是否返回到起始位置。
缓冲时间
指定视频开始播放前缓冲所需的时间（以秒为单位）。默认缓冲器时间设置为 0\n，以便在单击播放按钮后\n视频立即开始播放。（如果选择了"自动播放"，视频会在\n与服务器建立连接后立即开始播放。）如果您要传送的视频比特率高于网站访客的连接速度，或者当互联网流量可能导致带宽或连接问题时，您可能需要设置缓冲时间。例如，\n如果您希望在网页\n开始播放视频前向网页发送 15 秒的视频，请将缓冲器时间设置为 15。
单击"确定"关闭对话框并将 FLV 文件\n添加到您的网页。
Insert FLV 命令会生成一个视频播放器 SWF 文件和一个外观 SWF 文件，用于在网页上显示您的视频。该命令还会生成一个 main.asc 文件，您必须将该文件上传\n到您的 Flash Media Server。（要查看新文件，您可能需要\n单击"文件"面板中的"刷新"按钮。）这些文件存储\n在与您要添加视频内容的 HTML 文件相同的目录中。\n当您上传包含 FLV 文件的 HTML 页面时，不要忘记将 SWF 文件上传到您的 Web 服务器，并将 main.asc 文件上传到您的 Flash Media Server。
注释
如果您的服务器上已有 main.asc\n文件，请在上传由"插入 FLV"命令生成的 main.asc 文件之前\n与您的服务器管理员核实。
您\n可以通过在 Dreamweaver 文档窗口中选择\n视频组件占位符，然后在属性检查器中单击"上传媒体"按钮（"窗口">\n"属性"）来轻松上传所有必需的媒体文件。要查看必需文件列表，请单击"显示必需\n文件"。
注释
"上传媒体"按钮不会上传包含视频内容的 HTML\n文件。
编辑 Flash Player 下载信息
在页面中插入 FLV 文件时，Dreamweaver 会插入检测用户是否拥有正确的 Flash Player 版本的代码。 如果没有，则页面会显示默认的替代内容，提示用户下载最新版本。 您可以随时更改此替代内容。
此过程也适用于 SWF 文件。
注释
如果用户没有所需版本，但拥有 Flash Player 6.0 r65 或更高版本，则浏览器会显示 Flash Player 快速安装程序。 如果用户拒绝快速安装，则页面会显示替代内容。
在\n文档窗口的"设计"视图中，选择 SWF 文件或 FLV\n文件。
单击 SWF 文件或 FLV 文件中的眼睛图标。
注释
您也可以按 Control + ] 切换\n到备选内容视图。要返回 SWF/FLV 视图，请按 Control\n+ [，直到选定所有备选内容。然后再次按\nControl + [。
编辑内容就像您在 Dreamweaver 中编辑任何其他内容\n一样。
注释
您无法将 SWF 文件或 FLV 文件添加为备选\n内容。
再次单击眼睛图标以返回到 SWF 或 FLV\n文件视图。
FLV 文件答疑
本节详细介绍了 FLV 文件故障的一些最常见\n原因。
由于缺少相关文件导致的查看问题
Dreamweaver CS4 及更高版本生成的代码依赖四个相关文件，这些文件与 FLV 文件本身不同：
swfobject_modified.js
expressInstall.swf
FLVPlayer_Progressive.swf
外观文件（例如 Clear_Skin_1.swf）
请注意\n与 Dreamweaver CS3 相比，Dreamweaver CS4 及\n更高版本还有两个额外的依赖文件。
前两个文件（swfobject_modified.js 和 expressInstall.swf）安装在名为 Scripts 的文件夹中，如果该文件夹不存在，Dreamweaver 会在您的网站根目录中创建它。
后两个文件（FLVPlayer_Progressive.swf 和外观文件）安装在嵌入 FLV 的页面所在的同一文件夹中。外观文件\n包含 FLV 的控件，其名称取决于在\nDreamweaver 帮助中描述的选项中选择的外观。例如，\n如果您选择 Clear Skin，文件名为 Clear_Skin_1.swf。
所有四个依赖文件都必须上传到您的远程服务器，FLV 才能正确显示。
忘记上传这些文件是 FLV 文件无法在网页中正确运行的最常见原因。如果缺少其中一个文件，您可能会在页面上看到一个"白框"。
要确保您已上传所有依赖\n文件，请使用 Dreamweaver 文件面板上传显示\nFLV 的页面。上传页面时，Dreamweaver 会询问您是否要上传依赖文件（除非您已关闭此选项）。单击“是”上传相关文件。
本地预览页面时的查看问题
由于\nDreamweaver CS4 中的安全更新，您无法使用"在浏览器中预览"\n命令来测试嵌入了 FLV 的页面，除非您\n在 Dreamweaver 地点定义中定义本地测试服务器\n并使用测试服务器预览页面。
通常，\n只有在开发使用\nASP、ColdFusion 或 PHP 的页面时才需要测试服务器（请参阅设置\n您的计算机进行应用程序开发）。如果您正在\n构建仅使用 HTML 的网站，并且尚未定义测试服务器，\n按 F12（Windows）Opt+F12 (Macintosh) 会在\n屏幕上产生混乱的外观控件。解决方法是定义测试服务器并使用测试服务器预览页面，或将文件上传到远程服务器并在那里查看。
注释
安全设置也可能导致无法预览本地 FLV 内容，但 Adobe 尚未能确认这一点。您可以尝试更改安全性设置，看看是否有所帮助。 有关更改您的安全设置的详细信息，请参阅技术说明 117502。
FLV 文件故障的其他可能原因
如果您在本地预览时遇到问题，请确保在“编辑”>“首选参数”>“实时预览”下面取消选择了“使用临时文件预览”选项。
确定您安装了最新的 FlashPlayer 插件
在 Dreamweaver 外部移动文件和文件夹时要小心。 当您移动 Dreamweaver 外部的文件和文件夹时，Dreamweaver 不能保证 FLV 相关文件的路径是正确的。
您可以暂时将带来问题的 FLV 文件替换为已知正常工作的 FLV 文件。 如果替换 FLV 文件有作用，则问题就在于原始的 FLV 文件，而不是您的浏览器或计算机。
编辑或删除 FLV 组件
通过在 Dreamweaver 的“文档”窗口中选择视频组件占位符并使用属性检查器，更改网页上视频的设置。 另一种方式是删除该视频组件并通过选择“插入”>“HTML”>“Flash 视频”来重新插入。
编辑 FLV 组件
在 Dreamweaver 文档窗口中，通过单击占位符中心的 FLV 图标来选择视频组件占位符。
打开属性检查器（窗口 > 属性）\n并进行更改。
注释
您无法使用属性检查器更改视频类型（例如从渐进式下载\n更改为流式传输）。要更改\n视频类型，请删除 FLV 组件，并通过选择\n插入 > 媒体 > FLV 重新插入它。
删除 FLV 组件
在 Dreamweaver 文档窗口中选择 FLV 组件占位符
并按删除键。
添加视频（其他格式）
如需了解如何添加不是 .flv 文件的视频，请参阅添加视频（非 FLV）。
您还可以了解如何在 Dreamweaver 中插入插件内容以便在 Dreamweaver 站点中播放 .mp3 文件或 Quicktime 视频。
