导语:
修改发表于2018年08月10号 07点 阅读 10740 评论6 点赞30 ©著作权归作者所有
这款在线制作视频播放器是在《音画组件制作(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)
如何使用“相对定位”代码,博客装饰——多种元素组合有详细介绍。
请选择你想添加的收藏夹