插入Flash视频教程

视频10

Flash视频有两种常用的格式分别是“.swf”和“.flv”，这两种文件格式的插入有所不同，下面针对2个不同flash文件格式的插入，继续以“MyWebsite”站点为例，制作一个关于“学生感恩晚会”的网页视频主题。在进行此操作前需要在站点的根目录下创建一个名字为“flash”的文件夹来存储flash视频相关的素材。

步骤1　使用鼠标右键单击“MyWebsite”站点列表项的根文件夹，选择弹出快捷菜单中的【新建文件夹】命令，将“untitled”默认的文件名改为“flash”，按回车键确认修改，并将2种不同的flash文件拷贝到站点的flash文件夹中，如图2-3-7所示。

图2-3-7　拷贝图片素材

步骤2　使用鼠标右键单击“MyWebsite”站点列表项的根文件夹，选择弹出快捷菜单中的【新建文件】命令，将“untitled.html”默认的文件名改为“flashDemo.html”，按回车键确认修改。

步骤3　使用鼠标双击“flashDemo.html”文件，在【设计视图】中，让光标闪烁在第一行，单击【插入】菜单中的【媒体】列表中的“Flash”命令，如图2-3-8所示。

图2-3-8　插入SWF格式视频

步骤4　在弹出的【选择文件】对话框中，选择站点下“flash”文件夹中的“banner.swf”文件。在网页中会出现一个flash区域，点击该区域，下面出现flash的【属性】面板，如图2-3-9所示。

图2-3-9　flash属性

步骤5　在【属性】面板中，勾选“自动播放”复选框，设置该flash为自动播放。

步骤6　在【属性】面板中，勾选“循环”复选框，设置该flash为循环播放。

步骤7　在网页中完成了文本和水平线的输入后，将光标移至插入flash视频位置，点击【插入】菜单中【媒体】列表中的“Flash视频”命令，如图2-3-10所示。

步骤8　【插入flash视频】对话框，如图2-3-11所示。

图 2-3-10　插入FLV格式视频　

图2-3-11　【插入FLV】对话框

提示说明：插入SWF格式的对话框与插入Flash视频的对话框有所不同，后者在浏览器中预览时，可以手动控制视频播放的开始、暂停和进度等。

步骤9　在【插入flash视频】对话框中，点击“URL”属性的“浏览”按钮，查找flash视频的文件路径，选择站点中名字为“flash”的文件夹下的“student.flv”文件。

步骤10　设置视频的宽度值为“600”、高度值为“400”。(www.xing528.com)

步骤11　勾选“自动播放”复选框、“自动重新播放”复选框，点击【确定】按钮。

步骤12　切换到网页的【属性】面板，点击【页面属性】按钮，在【页面属性】对话框中，设置“文本颜色”属性值为“white”，设置“背景颜色”属性值为“#999999”。

图2-3-12　预览效果

通过本节的学习，读者可以按照下面的要求完善个人主页：

1.为个人主页中添加适合主题的音乐和视频文件。

2.将这些添加在网页中的视频文件进行合理的布局设置，使得与网页风格相符。

3.为这些文件进行合理的属性设置。