点击这里给我发消息 点击这里给我发消息

Dreamweaver插入视频文件的基本方法

添加时间:2013-12-6
    相关阅读: 页面 程序 HTML Dreamweaver Windows 项目
 

这一节我们来学习如何在页面插入视频,常见的视频格式有wmv、avi、mpg、rmvb等等,视频文件一般既有声音又有图像,因此也叫影片,下面我们来看一个练习;

1、启动Dreamweaver

1)点击“开始-所有程序-Macromedia-Macromedia Dreamweaver 8”,

2)在中间的“创建新项目”中点第一个 HTML,打开一个空白文档,把标题改为“插入视频”;

3)点“文件-保存”命令,以 chrshp 为文件名保存文件,保存位置在建立的站点中;

4)在右面侧边栏的站点中,新建的文件夹 video ,用来保存视频文件;

本课images文件夹中有一个首 zj 文件可以作为练习,它是wmv格式的;

2、插入视频

1)在标签下面的“文档”工具栏中点一下“拆分”标签,窗口分成两部分,上边是代码,下边是文档;

2)在上面的代码窗口中,找到<body>标签,在它后面点一下鼠标,然后按一下回车键插入一个空行,

 

3)切换到英文输入法状态,输入下列代码:

<object id="WindowsMediaPlayer1" classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6"
width="160" height="190" >
<param name="URL" value="video/zj.wmv">
<param name="rate" value="1" />
<param name="balance" value="0" />
<param name="currentPosition" value="0" />
<param name="defaultFrame" value />
<param name="playCount" value="1" />
<param name="autoStart" value="0" />
<param name="currentMarker" value="0" />
<param name="invokeURLs" value="-1" />
<param name="baseURL" value />
<param name="volume" value="50" />
<param name="mute" value="0" />
<param name="uiMode" value="mini" />
<param name="stretchToFit" value="-1" />
<param name="windowlessVideo" value="0" />
<param name="enabled" value="-1" />
<param name="enableContextMenu" value="-1" />
<param name="fullScreen" value="0" />
<param name="SAMIStyle" value />
<param name="SAMILang" value />
<param name="SAMIFilename" value />
<param name="captioningID" value />
<param name="enableErrorDialogs" value="0" />
</object>

 

采用复制粘贴的方法即可,里面修改的地方主要是蓝色部分,影片地址、宽度和高度,

注意播放器有70的高度,因此整个高度是190,影片实际大小为160×120,在影片属性中可以查看到;

保存一下文件,点预览按钮,点左边的播放按钮,看一下影片的效果;

 
咨询热线:020-85648757 85648755 85648616 0755-27912581 客服:020-85648756 0755-27912581 业务传真:020-32579052
广州市网景网络科技有限公司 Copyright◎2003-2008 Veelink.com. All Rights Reserved.
广州商务地址:广东省广州市黄埔大道中203号(海景园区)海景花园C栋501室
= 深圳商务地址:深圳市宝源路华丰宝源大厦606
研发中心:广东广州市天河软件园海景园区 粤ICP备05103322号 工商注册