使用Dreamweaver8在网页中轻松插入Flash视频

2016-02-19 19:56 7 1 收藏

今天图老师小编给大家精心推荐个使用Dreamweaver8在网页中轻松插入Flash视频教程,一起来看看过程究竟如何进行吧!喜欢还请点个赞哦~

【 tulaoshi.com - Web开发 】

  在 Dreamweaver 的“文档”窗口中打开 index.html 页面,插入一个三列的表格,在由三列组成的表格的中间一列中放置的图形之上单击一次。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  选择“插入”“媒体”“Flash 视频”。

  在“插入 Flash 视频”对话框中,从“视频类型”弹出式菜单中选择“渐进式下载视频”。 关于…

  关于 Flash 视频 使用 Dreamweaver 中的“插入 Flash 视频”命令,可将 Flash 视频内容插入 Web 页面,而无需使用 Flash 创作工具。该命令可以插入 Flash 组件;当您在浏览器中查看它时,它显示您选择的 Flash 视频内容以及一组播放控件。

  “插入 Flash 视频”命令提供以下选项,用于将视频内容发送给站点访问者:

  累进式下载视频将 Flash 视频 (FLV) 文件下载到站点访问者的硬盘上,然后播放。但是,与传统的“下载并播放”视频传送方法不同,累进式下载允许在下载完成之前就开始播放视频文件。

  流视频将 Flash 视频内容进行流处理并立即在 Web 页面中播放。若要在 Web 页面中启用流视频,您必须具有对 Macromedia Flash Communication Server 的访问权限,这是唯一可对 Flash 视频内容进行流处理的服务器。

  在 URL 文本框中,指定 cafe_townsend_home.flv 文件的相对路径,方法是单击“浏览”,浏览至 cafe_townsend_home.flv 文件(位于站点的 cafe_townsend 根文件夹中),并选择该 FLV 文件。

  从“外观”弹出式菜单中选择 Halo Skin 2。

  所选外观的预览会出现在“外观”弹出式菜单下方。“外观”选项指定将包含 Flash 视频内容的 Flash 视频组件的外观。

  在“宽度”和“高度”文本框中,执行以下操作:

  在“宽度”文本框中,键入 180。

  在“高度”文本框中,键入 135 ,然后按 Enter 键。

  提示

  单击“检测大小”以确定 FLV 文件的准确宽度和高度。但是,有时 Dreamweaver 无法确定 FLV 文件的尺寸大小。在这种情况下,必须手动输入宽度和高度值。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  “宽度”和“高度”文本框中的值以像素为单位指定 FLV 文件的宽度和高度。可以任意调整这些值以更改 Web 页面上的 Flash 视频的大小。增加视频的尺寸时,视频的图片品质通常会下降。

  注意

  “包括外观”是 FLV 文件的宽度和高度与所选外观的宽度和高度的加和。

  其余选项保留默认的选择值:

  限制高宽比保持 Flash 视频组件的宽度和高度之间的高宽比不变。默认情况下会选择此选项。

  自动播放指定在 Web 页面打开时是否播放视频。默认情况下取消选择该选项。

  自动重新播放指定播放控件在视频播放完之后是否返回起始位置。默认情况下取消选择该选项。

  单击“确定”关闭对话框并将 Flash 视频内容添加到 Web 页面。

  “插入 Flash 视频”命令生成一个视频播放器 SWF 文件和一个外观 SWF 文件,它们用于在 Web 页面上显示 Flash 视频内容。(您可能需要单击“文件”面板中的“刷新”按钮来查看新的文件。)这些文件与 Flash 视频内容(在此情况下,为 cafe_townsend 根文件夹)所添加到的 HTML 文件存储在同一目录中。当您上传包含 Flash 视频内容的 HTML 页面时,Dreamweaver 将这些文件作为相关文件上传(只要单击“要上传相关文件?”对话框中的“是”)。

  保存该页,然后可以测试下效果。

来源:http://www.tulaoshi.com/n/20160219/1622299.html

延伸阅读
标签: Web开发
Dreamweaver升级到8.0.2后,插入[url=]Flash[/url]时的代码会有所改变,这是Macromedia为解决IE中的Flash会出现控件激活框而作的更新。要为Flash添加透明等参数有两种方法。 用[url=]Dreamweaver[/url]的属性面板为插入的Flash添加透明属性,此方法简单实用。 使插入的Flash处于选择状态,点击属性[url=]面板[/url]中的“参数”,在随即弹出...
标签: Web开发
Flash 的动画按钮能够给网站带来动感,这让不少读者觉得十分有趣,同时也为网站增加了许多访客,其实在 Dreamweaver MX 2004 中只需几步简单的操作,就可以插入 Flash 按钮。 一、在网页中插入Flash 按钮 ( 1 )打开 Dreamweaver MX 2004 软件,新建文件并保存页面。(提示:要保存的文件夹不可以用中文名命名) ( 2 )...
标签: Web开发
在网络中经常可以见到一些类似 Flash 的电子相册,方便又专业。 利用Dreamweaver的 Flash 元素功能,人性化的操作界面使大家可以十分轻松地制作出电子相册。 说明:事先准备好5副大小同样的图片,并且都要知道它们的长和宽。 1、打开 Dreamweaver 8 软件,新建文件并保存页面。 2、插入 Flash 。在工具栏中转到“...
标签: Web开发
前两章我们了解了CSS的语法,但要想在浏览器中显示出效果,就要让浏览器识别并调用。当浏览器读取样式表时,要依照文本格式来读,这里介绍四种在页面中插入样式表的方法:链入外部样式表、内部样式表、导入外表样式表和内嵌样式。 链入外部样式表 链入外部样式表是把样式表保存为一个样式表文件,然后在页面中用link标记链接到这个样式表文...
标签: Web开发
译者序:这个系列原文一共8篇文章,从普及 Web Standards 入手,讲述如何用 Dreamweaver 8 来构建符合标准的 Web ,由于

经验教程

224

收藏

87
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部