Embed Responsively:主動回應式嵌入第三方多媒體

作者: Jas / 發表於 2013-07-23

隨著網頁設計所需要顧慮的螢幕尺寸愈來愈多,Responsive Web Design(主動回應式網頁設計)也愈來愈盛行。

不過,有時候就算再怎麼精心算計,Responsive Web Design還是可能會遇到來自主動回應式網頁設計體制外的挑戰。

譬如說:當頁面上需要嵌入第三方多媒體內容的時候……。

絕大多數的第三方多媒體內容,都只能提供固定尺寸與樣式的嵌入語法碼,也因此可能讓Responsive Web Design破局。

為了解決這個問題,Embed Responsively這個線上工具程式提供了主動將第三方多媒體內容嵌入語法碼轉為Responsive Web Design嵌入樣式語法碼的服務。

embedresponsively.com helps build responsive embed codes for embedding rich third-party media into responsive web pages

目前Embed Responsively已支援的第三方多媒體內容包括:

  1. YouTube
  2. Vimeo
  3. Google Maps
  4. Instagram
  5. Scribd
  6. SoundCloud
  7. Storify
  8. Twitter
  9. 一般的iFrame




回上方