將視頻與響應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設計集團以運動、事業和學習為標準田中表示，在三大標準中，運動是** 重要的，即通過設計促進社會更新田中一雄致力于將社會與設計聯系起來。他還在世界設計組織和國內國外設計工業聯盟等國外設計組織擔任要職。他將在世界各地發表演講，并參與設計獎項的評審。