利用 Embed Responsively 網站,產生可自適應螢幕尺寸的 iframe 語法

利用 Embed Responsively 網站,產生可自適應螢幕尺寸的 iframe 語法

在網頁內,如果要放入其他網站內的網頁、影片,通常都會使用 iframe 標籤,然後設定 src 這個屬性將其指到目標位置即可,例如 YouTube、Vimeo、Dailymotion、Google Maps、Google 文件的嵌入語法,都是如此,但產生的原始語法並無法直接套用到自適應網頁內,因此,取得這些原始語法後,我們可以透過 Embed Responsively 這個網站來幫我們產生可自適應網頁的 iframe 語法,讓自家網站也可以在不同螢幕尺寸或裝置下提供滿足訪問者的需求。

§相關文章,還可以參閱:

如何使用 Embed Responsively 網站產生自適應的 iframe 語法?

1.使用瀏覽器進入 Embed Responsively 網站,選擇來源後,貼上影片網址後,按[ Embed ]來產生嵌入語法。

利用 Embed Responsively 網站,產生可自適應螢幕尺寸的 iframe 語法

利用 Embed Responsively 網站,產生可自適應螢幕尺寸的 iframe 語法

2.如果是 iframe 語法,可選擇[ Generic iFrame ]這個頁籤來貼上原始的 iframe 語法。

利用 Embed Responsively 網站,產生可自適應螢幕尺寸的 iframe 語法

3.按[ Embed ]來產生可自適應網頁的 iframe 嵌入語法。

利用 Embed Responsively 網站,產生可自適應螢幕尺寸的 iframe 語法

使用文書編輯應用程式時,在以前大家可能會選擇使用 Microsoft Word,除了功能之外,當然就是流通率廣且便於互通,而現在雲端應用的興起,Microsoft 也將 Office 的功能精簡後將其包裹在 OneDrive 內,讓用戶可以免費使用,當然除了微軟的 OneDrive 外,Google 的雲端硬碟同樣提供「文件」、「試算表」、「簡報」、「表單」、「繪圖」、「協作平台」...等相應於 Microsoft Office 系列的雲端應用程式,不但可以免費使用,且可相容 Office 系列所編輯出的文件,像是 Word、Excel、PowerPoint 等,用戶取得這些檔案後,均可在 Google 雲端硬碟內用相應的程式開啟並編輯,如果要將「Google 文件」的內容嵌入到網頁中,並在內容變更時也能充新發布,Google 本身就有提供相對應的做法協助用戶,完全免去第三方需要權限的協助就可以應用。

在網路上觀看影音,有不受空間、時間與地點的限制,碰到想要下載的影片大都也能找到相對應的下載器來下載,Youtube-dl-gui 是將 Youtube-dl 指令化的下載方式介面化而成的一套免費應用程式,可下載 YouTube、facebook、dailymotion、Discovery、bilibili、Meipai...等超過千家以上的網站影音,只要輸入影片網址,就可以下載,如果是要轉出 mp3 也不是問題。