所在位置:新闻 > 品牌设计 > 女装logo设计商标设计_如何在jQuery中创建视频播放器

女装logo设计商标设计_如何在jQuery中创建视频播放器

女装logo设计商标设计的核心价值在于为企业打造独特的品牌,女装logo设计商标设计可以给企业带来良好的社会声誉和经济效益。


注:配图为本公司设计作品


女装logo设计商标设计原文直译:

主题:jQuery/CSS3

难度:中级/高级

预计完成时间:45分钟

在本教程中,我们将编码一个印象派用户界面的视频播放器。我们将使用CSS3对其进行样式编码,使用" MediaElement.js "对其进行功能编码106 . js是一个HTML5音频和视频播放器,也适用于使用闪光和银光模仿HTML5媒体元素API的旧浏览器。

目录

隐藏

步骤1下载MediaElement.js

步骤2HTML标记

步骤3视频基本风格

步骤4控制容器

步骤5视频控制按钮

步骤6音量滑块

第七步进度条

步骤8进度条处理当前时间工具提示

步骤9绿色渐变

下载视频播放器

步骤1下载MediaElement.js

首先,我们需要下载" MediaElement.js "脚本并提取它。然后从“构建”文件夹中我们需要三个文件:

flashmediaelement.swf

mediaelement-and-player.min.js

silverlightmediaelement.xap

然后将这三个文件复制到同一个目录,我将复制到我的" js "文件夹。

步骤2HTML标记

现在,我们需要链接到jQuery库,我们可以在本地托管它或者使用谷歌托管的那个。然后我们需要链接到" mediaelement-and-player.min.js "脚本文件和半铸钢钢性铸铁(Cast Semi-Steel)文件。这三个文件都需要在

meta charset='utf-8 '

标题视频播放器教程-由瓦莱里乌廷巴克为设计模式/标题编写

脚本src=' https://Ajax。谷歌API。com/Ajax/libs/jquery/1。7 .2/jquery。量滴js '/script script src=' js/media元素和播放器。量滴js '/脚本

link rel='样式表' href=' CSS/style。CSS ' media=' screen '

style type='text/css' html,body { margin:0;填充:0;} body { background:# f2f2f 2 URL(img/BG。png)无重复顶部居中;填充顶部:265px}。梅斯-容器{ margin:0自动;}/样式

meta name=' robots ' content=' no index,follow' /

/头

要创建视频播放器,我们只需要添加新的HTML5视频标签。然后我们会给视频标签添加一些属性:视频和海报的宽度和高度。海报是您可以添加到视频顶部显示的图像,直到用户按下播放按钮。

在线


注:配图为本公司设计作品


女装logo设计商标设计总结:

女装logo设计商标设计的分享让我们明白品牌设计的核心是传递品牌价值,品牌设计通过logo设计(标志设计)、VI设计、包装设计等设计载体提高品牌的美誉度、忠诚度,打造女装logo设计商标设计的品牌核心资产。如果您有更多的观点,请联系杭州vi设计公司 。
声明:本文“女装logo设计商标设计_如何在jQuery中创建视频播放器”信息内容来源于网络,文章版权和文责属于原作者,不代表本站立场。如图文有侵权、虚假或错误信息,请您联系我们,我们将立即删除或更正。
做品牌直接找总监谈
总监一对一免费咨询与评估
相关案例
RELATED CASES

总监微信咨询 舒先生

业务咨询 张小姐

业务咨询 付小姐