結合視頻到您響應式網頁設計的網站

響應式網頁設計已經成為標準的現代應用程序和網站將適應和適應不同的屏幕尺寸。它為用戶提供了一個最佳的觀看體驗，無論何種設備，窗口的大小，方向，或決議。內容，圖像和視頻必須具有足夠的流動性以適應不同的視口。

網站可以在一系列設備的視。看著你的網絡視頻使用設備的用戶名單是無止境的：手機，筆記本電腦，和iPad，等等。最終，你對人們如何去看你的視頻或你的網站沒有影響。當然，你可以限制用戶對某一設備、瀏覽器或方向（橫向或縱向）。但這樣做，你會失去你的觀眾。

你可能熟悉的概念響應圖像和藝術指導。這些概念為開發(fā)者提供能使圖像的尺度響應的一種方式，防止變形，使各種設備的具體內容，決議交付，視口和方向。如果你是新的這個概念，看看寫的好文章埃里克波蒂斯打開（放）在實踐中，響應圖像。
在這知識的響應圖像意味著你已經擁有阿森納的正確設計與滿足游客的期望適當的規(guī)范你的網站。但是，什么是視頻？你的視頻太敏感？不要讓你的用戶選擇的設備讓你驚訝。

響應的解決方案

有一對夫婦的使你的視頻在您的網站的響應方式。讓我們在現有的CSS和JavaScript技巧看視頻制作響應。
fitvids.js

這是一個輕量級的，易于使用的jQuery插件用于流體寬度視頻嵌入。它是由Chris Coyier和納了。這個插件可以自動Thierry Koblentz的內在比法實現視頻流的寬度。它將每個視頻在div.fluid-width-video-wrapper并將必要的CSS。第一個JavaScript調用后，CSS接管并執(zhí)行響應。我們試圖讓我們的視頻嵌入案例研究提出的解決方案的響應。

fluidvids.js

Fluidvids.js是由Todd Motto。它的目標是iframe，檢查源的視頻，也適用于<em>內在比法</em>進行縱橫比的計算。這個腳本的好處是，它不依賴于任何第三方插件庫或腳本。

以最小的腳本，它可以更快的渲染和增強的性能。

我們試圖讓我們的視頻嵌入案例研究提出的解決方案的響應。

HTML5視頻案例研究

除了使用視頻嵌入代碼，加載使用iframe，你也可以使用著名的HTML5視頻元素。你如何讓你的視頻響應嗎？

幸運的是，對于開發(fā)商來說，這很容易。你簡單的方式是通過設置最大寬度100%和高度自動。這就是它的作品也響應圖像。

進入cloudinary

使用cloudinary，可以調整和為作物視頻匹配你的網站設計。無論是視頻在你的服務器端代碼或由用戶上傳，原件存放在云端。

你可以動態(tài)創(chuàng)建多個縮放、裁剪和操作視頻的飛行和提供他們通過動態(tài)的URL，或使用代碼添加視頻或創(chuàng)建視頻網址。

cloudinary允許你改變大小的視頻寬度和高度參數，表示為W和H在URL。

以編程方式得到的寬度和高度從瀏覽器的視圖通過URL可以自動讓你的視頻響應用戶將不同的設備尺寸和分辨率之間。

結論

我們強調不同的解決方案，你可以使用實現響應視頻根據你的使用情況和Web項目。

你的用戶應該能夠從幾乎任何類型的設備訪問你的內容，瀏覽器和操作系統(tǒng)。但這不僅僅是接入，視頻也要精美。響應的視頻可以幫助你實現這一目標以及。

東北亞設計巨人田中一雄
東北亞設計巨人田中一雄：你可以將設計定義為一種愛
在今年金點設計獎評審專訪中，作為本次評審團主席的 GK 設計集團社長田中一雄（Kazuo Tanaka），談論了他的童年靈感、今年的金點設計獎評審任務，以及臺日雙方透過設計所建立的緊密關系。

童年時期一連串的事件，引發(fā)日本設計師田中一雄走上設計這條路。最終，他被具高度影響力的 GK 設計集團任命為社長，回首看來，這一切似乎是自有命定。

田中的母親是傳統(tǒng)日本藝術畫家，他認為這一點啟發(fā)了他自幼的美感敏銳度。在他兩歲時，他當時在倫敦工作的父親寄給他一個包裹，裡面裝了精選高品質玩具車。他將自己對于汽車設計的喜愛，歸功于這一段溫馨的回憶。后來，上了高中的田中，偶然在圖書館讀到 GK 創(chuàng)辦人榮久庵憲司（Kenji Ekuan）所寫的書。從那天起，他便下定決心要進入設計行業(yè)。

田中早在 1983 年上大學的年紀，就已經開始跟當時名為「GK 工業(yè)設計公司」（GK Industrial Design Associates, Inc.）的 GK 設計集團合作；榮久庵憲司對于設計和當代生活的獨特看法，點燃了田中對公司的熱情。「第一個原因是我很認同榮久庵先生基于日本文化的觀點。」他表示：「第二個原因是 GK 運用系統(tǒng)概念做為設計方法。第三個原因則是當時 GK 在做街頭家俱的設計，這是我非常感興趣的專業(yè)領域。」

GK 設計集團在設計領域想要追求的核心目標，就是榮久庵憲司所謂「道具」（dougu）的概念。兩個漢字「道」和「具」加起來隱含的意義，是事物天生具有追尋真理的靈魂。「透過在社會上反映『道具』的概念，我們不斷創(chuàng)造出『追尋事物本質的設計。』」田中表示：「在某種程度上，你可以說我仍受榮久庵憲司的影響。」

創(chuàng)辦人的理念深植在公司骨子裡，但田中自從 2016 年接下執(zhí)行長的職務后，一直專注在重建集團的商業(yè)方法論。如同田中所說明的，GK 設計集團從一開始就是一間全面性的設計公司，透過採用受包浩斯（Bauhaus）啟發(fā)的設計方法，將設計視為綜合藝術，公司持續(xù)根據每個案子的需求，來將服務和技能多樣化。

「我認為設計的使命是成為明日的先驅。在今天不斷擴張的設計領域中，互動、設計工程和策略規(guī)劃等技能十分重要。」田中強調：「尤其是我們必須透過設計來解決多種社會議題，建構更好的未來。因此，設計將為大家?guī)砀ｌ怼Ｒ簿褪钦f，你可以將設計定義為一種愛。」

今日，GK 設計集團將運動、事業(yè)和學問奉為圭臬。田中表示，在這三個準則當中，運動最為重要，也就是透過設計來提倡社會更新。田中一雄致力于將社會和設計連結在一起，在世界設計組織（World Design Organization）和中國國際設計產業(yè)聯盟（China International Design Industry Union）等國際設計組織當中亦擔任關鍵職位，他會到世界各地演講并參與設計獎項的評審工作。