注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

江海的网易博客

闲看庭前花开花谢,淡品天外云卷云舒

 
 
 

日志

 
 

【转载】音画组件制作(16)视频播放器  

2017-01-18 21:13:34|  分类: 制作教程 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

  这是一款制作“视频播放器”的工具。视频和舞台的尺寸可在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)

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

  评论这张
 
阅读(2499)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017