【轉換平台】部落格崁入Youtube影音時在手機可以正常比例(響應式效果)的轉換速法

一般部落格或網頁不管是崁入Youttube、Vimeo、Google map時,在手機大都不會自動調整比例,介紹一個轉換的方式讓不懂語法的人也一樣可以輕鬆達到響應式自動調整的效果。

這個不用懂語法的方式主要是靠一個平台的自動轉換服務,以Youtube為例,只要把Youtube網址貼上去並按下轉換,再複製轉換好的代碼就可以貼到部落格中了。

示範如下 :

一、前往轉換平台

  • http://embedresponsively.com/

二、貼上Youtube影音網址並複製轉換好的代碼

它不只支援Youtube,連Vimeo、Googlemap也可以轉換。

三、到網頁或部落格貼上

到網頁或部落格編輯器,切換到文字(即原始碼)畫面貼上即可。

下圖是WordPress的文字編輯器,若是痞客邦、Google bloger也是有一樣可以插入原始碼的地方,請自己再稍微找一下。

四、效果

在編輯器畫面時它仍會呈現一個小小的影片畫面,但不用擔心,只要存檔後用電腦看或手機看,它就會自動調整比例大小了。

▼在後台編輯時它仍會呈現一個小小的影片畫面

▼崁入後的效果,可用手機瀏覽本頁試試

 

FACY

我是小訣行銷工作室的Facy,這是我第二個網站專寫用來寫文章的,我喜歡寫部落格來記錄「把不會變會」的事,也喜歡教別人寫部落格,更有替人架設部落格網站的服務(就像本站)。
專長是WordPress客製化架站,且凡是網路行銷相關都興趣十足,特別是「關鍵字&內容行銷」! 目前主要是專職部落客網站接案製作架站教學,歡迎找我聊聊。

  • 如果您不用寫程式就能架站有興趣的話,可以加入FB社團一起交流。
  • 如果您需要更系統性的學習WordPress,歡迎參考我的線上課程或報名一對一家教班,或公開班(不定時配合開課單位開課)。
  • 如果您想當部落客且想要自架部落格網站且有自己網址,我也能替您服務或顧問式輔導架站
  • 架設網站請找我,點此看作品
0 0 vote
為本文評分
訂閱
通知
guest
0 Comments
Inline Feedbacks
查看所有評論

如果您想收到新文章的通知,可以留下您的Email

我保證不會亂寄廣告信給你!

站內搜尋

訂閱本站

如果您想收到新文章的通知,可以留下您的Email

我保證不會亂寄廣告信給你!

小訣行銷工作室

如果需要架站(包含像本站類型部落格網站)、網頁設計教學服務、業配需求,歡迎參考小訣行銷工作室

贊助與鼓勵

您好,

如果我的網路筆記剛好有幫到您,不妨請我喝杯咖啡吧!😊