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

1 Star2 Stars3 Stars4 Stars5 Stars
Loading...

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

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

示範如下 :

一、前往轉換平台

  • http://embedresponsively.com/

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

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

三、到網頁或部落格貼上

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

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

四、效果

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

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

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

 

※每篇教學性質的文章,純是個人分享與見解或當下的筆記,並不代表一定是最佳方式或最精準資訊,在網路查閱資料請自行多斟酌、多比較喔!

Facy

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

※你可能也喜歡 :

發佈留言