将视频与响应Web设计结合网站
响应式web设计已成为现代应用程序的标准,并且网站将适应不同屏幕大小。它为用户提供了** 佳的查看体验,无论设备、窗口大小、方向或分辨率如何。内容、图像和视频必须足够移动,以适应不同的视图。
网站可在一系列设备中查看。看你的在线视频,使用该设备的用户列表是无尽的:手机、笔记本电脑和iPad等等。** 后,你对人们如何看你的视频或你的网站没有影响。当然,您可以将用户限制在某个设备、浏览器或方向(水平或垂直)。但这样做,你就失去了听众。
你可能熟悉对图像和艺术指南的反应概念。这些概念为开发人员提供了一种方法,使图像缩放响应、防止变形、制作各种设备的特定内容、决定交付、视图和方向。如果您对这个概念是新的,请看一看在实践中写得很好的文章埃里克波蒂斯open(put),并对图像做出响应。此知识中的响应图像意味着您已经阿森纳拥有正确的设计,并满足游客的期望,并对您网站的正确规范进行了满足。但是什么是视频 你的视频太敏感了 不要让用户选择的设备让你感到惊讶。
响应性解决方案
有几种方法可以在您网站响应中制作视频。让我们看看现有CSS和JavaScript提示fitvids.js中的视频制作响应
这是一个轻便,易于使用jQuery插件,用于流体宽度视频嵌入。它是克里斯·科伊尔和娜创作的。该插件可以通过ThierryKoblentz固有比自动实现视频流的宽度。它将在div、fluid-width-video-wrapper中的每个视频,并将在CSS中进行必要。在第一次JavaScript调用之后,CSS接管并执行响应。我们试图嵌入我们的视频,以响应在案例研究中提出的解决方案。
fluidvids.js
fluidvids.js由Todd Motto创建。其目标是iframe检查源视频,该源视频也适用于lt;emgt;内部比较法/emgt;执行纵横比的计算。这个脚本的优点是它不依赖任何第三方插件库或脚本。
使用** 小脚本,它可以更快地渲染并增强性能。
我们试图嵌入我们的视频,以响应在案例研究中提出的解决方案。
HTML5视频案例研究
除了使用视频嵌入代码,加载使用iframe,还可以使用著名的HTML5视频元素。你如何得到你的视频回应
幸运的是,对于开发人员来说,这很容易。您的简单方法是自动设置** 大宽度100%和高度。这就是它所做的,它对图像做出响应。
输入cloudinary
使用cloudinary,您可以调整并匹配您网站作物视频设计。无论视频是在服务器代码中还是用户上传,原始视频都存储在云中。
您可以动态创建多个缩放、剪辑和操纵飞行中的视频,并通过动态URL提供视频,或使用代码添加视频或创建视频URL。
cloudinary允许您更改视频宽度和高度参数的大小,以w和h表示URL。
通过URL以编程方式从浏览器视图获取宽度和高度可以自动允许用户在不同的设备大小和分辨率之间响应您的视频。
结论
我们重点介绍了不同的解决方案,您可以根据自己的使用情况和web项目来实现响应视频。
您的用户应该能够从几乎任何类型的设备访问您的内容、浏览器和操作系统。但这不仅仅是访问,而是视频。响应视频也可以帮助您实现这一点。
东北亚设计巨人田中一雄东北亚设计巨人田中一雄:你可以把设计定义为一种爱。在今年金点设计奖的评审访谈中,GK设计集团田中一雄(KazuoTanaka)总裁作为评审团董事长,谈到了自己儿时的灵感、今年金点设计奖的评审任务,以及通过设计与台湾和日本的密切关系。
一系列儿时事件引发日本设计师田中一雄走上设计之路。** 终,他被任命为极具影响力的GK设计集团总裁。回首往事,似乎这一切都有自己的命运。
田中的母亲是一位传统的日本艺术画家,他认为这激发了他从小的审美敏锐性。他两岁时,当时在伦敦工作的父亲给他寄了一个包裹,里面有精选的高质量玩具车。他把自己对汽车设计的热爱归功于这段温馨的回忆。后来,一名高中生田中在图书馆不小心读到了GK创始人荣久庵宪司(KenjiEkuan)写的一本书。从那天起,他决心进入设计行业。
田中1983年上大学时,他开始与名为GKIndustrial design AssociatesInc的GK设计集团合作,当时荣久庵宪司对设计和当代生活的独特见解点燃了田中对公司的热情第一个原因是我认同荣久庵先生的日本文化基础。”第二个原因是GK采用系统概念作为设计方法。”。第三个原因是,当时GK,我正在从事街头家具的设计。这是我非常感兴趣的专业领域。”
GK设计团队在设计领域的核心目标是荣久庵宪司“道具”的概念dougu。这两个汉字“道”和“举”的寓意是,事物生来就有求真的灵魂,通过反映社会中的“道具”概念,我们不断创造“追求事物本质的设计”(“某种程度上,你可以说我还是受荣久庵宪司”的影响
创始人的理念深深扎根于公司,但田中自2016年接任首席执行官以来,一直专注于重建集团商业方法论。如田中所示,GK设计集团从一是一家综合性设计公司。通过受包浩斯(Bauhaus)启发的採用设计方法,设计被视为综合艺术。该公司继续根据每个案件的需要提供多样化的服务和技能。
“我认为设计的使命是成为明天的先锋。在当今设计领域不断扩大的今天,交互、设计工程和战略规划等技能非常重要田中)强调:“尤其要通过设计解决各种社会问题,打造美好未来。因此,设计会给每个人带来快乐。也就是说,你可以把设计定义为一种爱。”
今日,GK设计集团以运动、事业和学习为标准田中表示,在三大标准中,运动是** 重要的,即通过设计促进社会更新田中一雄致力于将社会与设计联系起来。他还在世界设计组织和国内国外设计工业联盟等国外设计组织担任要职。他将在世界各地发表演讲,并参与设计奖项的评审。