在网页中使用FLV视频
FLV是Flash Video的简称,这是一种网络视频格式。由于该格式生成的视频文件小、加载速度
快,故成为网络视频的通用格式之一。目前很多视频网站,如搜狐视频、56、优酷等都使用FLV技 术来实现视频的制作、上传和播放。在Dreamweaver CC中插入FLV视频的方法如下。
【操作步骤】
第1步,启动Dreamweaver CC,新建文档,保存为test.html。
第2步,在编辑窗口中,将光标定位在要插入FLV视频的位置。
第3步,选择“插入” | “媒体” | Flash Video命令,打开“插入FLV”对话框,如图所示。
第4步,在“视频类型”下拉列表框中选择视频下载类型,包括“累进式下载视频”和“流视频” 两种类型。当选择“流视频”选项后,该对话框如图所示。
第5步,如果希望累进式下载或浏览视频,则应该从“视频类型”下拉列表框中选择“累进式下 载视频”选项,然后在如图所示的对话框中设置以下选项。
(1)URL文本框:指定FLV文件的相对或绝对路径。如果要指定相对路径,例如, mypath/myvideo.flv,用户可以单击“浏览”按钮,在打开的“选择文件”对话框中选择FLV文件。 如果要指定绝对路径,可以直接输入FLV文件的TJRL,例如,http://www.example.com/myvideo.flv。 如果要指向HTML文件向上两层或更多层目录中的FLV文件,则必须使用绝对路径。
要使视频播放器正常工作,FLV文件必须包含元数据。使用Flash Communication Server 1.6.2-, FLV Exporter 1.2版和 Sorenson Squeeze 4.0,以及 Flash Video Encoder 创建的 FLV 文件自动包含元数据。
(2)“外观”下拉列表框:指定FLV视频组件的外观。所选外观的效果会出现在预览框中。
(3)“宽度”文本框:以像素为单位指定FLV文件的宽度。若要让Dreamweaver确定FLV文件 的准确宽度,卩1以单击“检测大小”按钮。如果Dreamweaver无法确定宽度,则必须输入宽度值。
(4)“高度”文本框:以像素为单位指定FLV文件的高度。如果要让Dreamweaver确定FLV文 件的准确尚度,可以单击“检测大小”按钮。如果Dreamweaver无法确定高度,则必须输入宽度值。
(5)“限制宽高比”复选框:保持FLV视频组件的宽度和高度之间的纵横比不变。默认情况下 会选中此复选框。
(6)“自动播放”复选框;指定在Web页面打开时是否播放视频。
(7)“自动重新播放”复选框:指定播放控件在视频播放完之后是否返回起始位置.
第6步,设置完毕,单击“确定”按钮关闭对话框,并将FLV视频添加到网页中。
第7步,插入FLV视频之后,系统会自动生成一个视频播放器SWF文件和一个外观SWF文件, 用于在网页上显示FLV视频内容=这些文件与FLV视频内容所添加到HTML的文件存储在同一目录 中。当用户上传包含FLV视频内容的网页时,Dreamweaver将以相关文件的形式上传这些文件。插 入FLV视频后的网页效果如图所示。
已有 22658 名学员学习以下课程通过考试
最需教育客户端 软件问题一手掌握
去 App Store 免费下载 iOS 客户端
点击加载更多评论>>