【彩云归】音画组件制作(16)视频播放器

本文转载自彩云归《音画组件制作(16)视频播放器》

这是一款制作“视频播放器”的工具。视频和舞台的尺寸可在1024*768选择。提供六种视频形状并可在舞台范围内移动。配有视频列表、控制按钮。具有自动播放（或手动播放）、原音播放（或消音播放）、设置透明度等功能。

操作简要说明：

准备好要播放视频的名称、网址就可以开始制作了。

1、确定视频的尺寸

默认视频尺寸：880*550，最大尺寸1024*768。当选择在舞台中移动时，视频的尺寸应小于舞台尺寸。

2、输入或粘贴视频信息

输入或粘贴视频信息前先关闭填写说明。

每个视频信息由视频名称、视频网址组成。每个视频信息之间加一行#ks#。详见工具中的填写说明

填写好视频信息后，可点击“预览效果”按钮播放视频。

音悦台视频网站的视频网址可供外链，使用《音悦台视频网址外链转换》工具，可方便地将视频ID转换为视频网址。

例如：（可用此例做做练习）

秋日私语

http://link.hhtjim.com/yyt/2685138.mp4

#ks#

《当我长大后》　陈小朵

http://v.cctv.com/flash/media/qgds/2009/01/qgds_null_20090126_213.flv

3、设置播放方式：选择0为手动播放（需点击播放按钮后播放）；选择1为自动播放（打开视频就播放）

4、设置视频有声或无声·：选择0为原音播放（有声）；选择1为消音播放（无声）

5、设置视频透明度：选择100为不透明。当需视频与背景重叠显示时，可将透明度设置低于100。

6、控制按钮组件（播放/暂停、上下个视频、列表显示/关闭、进度条、时间）

控制按钮组件形态固定，位置自动安排在视频底部中间。这里仅设置是否需要控制按钮组件。

7、视频列表：是否需要列表。

当需要列表时，请确定列表位置。根据视频名称的长度和视频数量，确定列表的宽度和高度。当列表背景透明度设置为0时，列表没有背景。播放过程中，随时可以点击控制按钮中的列表按钮（三橫线）控制列表显示或关闭。

8、视频显示形状

有六种形状选择：四方（1）、椭圆（2）、圆（3）、菱形（4）、心形（5）、条块（6）

9、视频移动模式

有四种移动模式选择：不移动　（1）　左右移动（2）　上下移动（3）　上下左右移动（4）

当选择2、3、4模式时，请确定舞台尺寸（视频移动的范围）和起始移动位置。注意：舞台尺寸应大于视频尺寸。

10、复制代码

制作过程随时自动产生博客用代码。

点击“复制”按钮，自动将生成的代码复制到你的电脑的“粘贴板”了，打开博客写日志进入代码编辑窗口，只要做个“粘贴”（或同时按键盘Ctrl和v键），然后预览效果。

11、在博文中调整播放器的“相对定位”代码。

<DIV style="MARGIN-TOP: 0px; MARGIN-LEFT: 0px">......</DIV>这是“相对定位”代码。其作用就是确定视频在音画中的位置。

TOP: 0px中的0调整为-xx(负的背景高度);LEFT: 0px中的0调整为xx（距离页面左边xx）

如何使用“相对定位”代码，博客装饰——多种元素组合有详细介绍。