制作视频播放器：原音配同步歌词

大海音画

这款在线制作视频播放器是在《音画组件制作(16)视频播放器》的基础上，用视频原音配上同步（LRC）歌词。 　　操作简要说明： 　　准备好要播放视频的名称、网址、LRC歌词就可以开始制作了。 　　1、确定播放器、视频的尺寸 　　　默认播放器、视频尺寸：880*550，最大尺寸1024*768。当选择视频在播放器中移动时，视频的尺寸应小于播放器尺寸。 　　2、输入或粘贴视频信息 　　　输入或粘贴视频信息前先关闭填写说明并删除实例信息。 　　　每个视频信息由视频名称、视频网址、LR歌词C组成。每个视频信息之间加一行#ks#。详见“播放器”中的填写说明 　　3、设置播放方式：选择0为手动播放（需点击播放按钮后播放）；选择1（默认）为自动播放（打开视频就播放） 　　4、设置视频透明度：选择100为不透明。当需视频与背景重叠显示时，可将透明度设置低于100。 　　5、控制按钮组件（播放/暂停、上下个视频、列表显示/关闭、进度条、时间等） 　　　控制按钮组件形态固定，位置自动安排在视频底部中间。这里仅设置是否需要控制按钮组件。 　　6、视频列表：是否需要列表。 　　当需要列表时，请确定列表位置。根据视频名称的长度和视频数量，确定列表的宽度和高度。当列表背景透明度设置为0时，列表没有背景。播放过程中，随时可以点击控制按钮中的列表按钮（三橫线）控制列表显示或关闭。 　　7、视频显示形状 　　有六种形状选择：四方（1）默认、椭圆（2）、圆（3）、菱形（4）、心形（5）、条块（6） 　　8、视频移动模式 　　有四种移动模式选择：不移动　（1）默认　左右移动（2）　上下移动（3）　上下左右移动（4） 　　当选择2、3、4模式时，请确定起始移动位置。注意：播放器尺寸应大于视频尺寸。 　　9、选择歌词显示模式 　　选择某一模式时，呈现该模式“设置歌词参数表”，请按需设置其中参数。设置参数后必须按“确定”。如要浏览设置的效果和设置歌词位置，请点击右上方的“预览效果”。在预览效果的状态下，可拖动歌词到你需要的位置。最后按“返回”关闭“设置歌词参数表”。 　　10、复制代码 　　　制作过程随时自动产生博客用代码。 　　　点击“复制”按钮，自动将生成的代码复制到你的电脑的“粘贴板”了，打开博客写日志进入代码编辑窗口，只要做个“粘贴”（或同时按键盘Ctrl和v键），然后预览效果。 　　11、在博文中调整播放器的“相对定位”代码。 　　　

......

这是“相对定位”代码。其作用就是确定视频在音画中的位置。 　　　TOP: 0px中的0调整为-xx(负的背景高度);LEFT: 0px中的0调整为xx（距离页面左边xx） 　　　如何使用“相对定位”代码，博客装饰——多种元素组合有详细介绍。

快樂※回憶

非常感謝大海老師講解

講解祥細 值得學習

炫舞

代码生成器，方便便捷

炫舞

收集整理辛苦，感谢精彩分享

快樂※回憶

制作辛苦 謝無私奉獻