Youtube 影音嵌入網頁自動調整大小,自適應嵌入程式碼產生器 Embed Responsively


Youtube 原本提供的 HTML 網頁嵌入碼的高適固定寬度的,如果電腦跟手機瀏覽網頁時是使用同一個樣式,使用 Youtube 嵌入影音的那個區域就會變得很長……

在網路上有找到有人乾脆寫了一個產生器,只要把想嵌入的 Youtube 影音網址直接貼到 Embed Responsively 網站的輸入框,他就會在下方產生出可以自動適應網頁大小的影音區域,非常方便!

他是直接在嵌入程式碼中加入 CSS 樣式,所以不需要擔心未來這網站發生問題會造成連帶掛點。請安心服用^^~

  • 網站名稱:Embed Responsively
  • 網址:http://embedresponsively.com
  • 功能:Youtube、Vimeo、IG…自適應嵌入程式碼產生工具

er

直接複製 Youtube 影音的網址下來再貼到 Embed Responsively 的輸入框後,再點擊 Embed 即可產生程式碼。

er2
▲ 上面的是使用Youtube官方的,跟下面的比起來佔用了較多空間…

以下就是使用 Embed Responsively 產生的程式碼來嵌入的影音。

Facebook 留言板

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *