網站如何內嵌YouTube影片？？

沒有什麼比內嵌影片更能讓網站立馬看起超殺超專業，但怎麼做？



1. 內砍影片需要用到什麼程式語言？

HTML iframe與CSS。

iframe是一種把外部網頁嵌入自己網頁的一種語法，
CSS可以讓影片有回應式效果，適應手機與PC瀏覽環境。

2. 我現在就有個YouTube影片，如何內嵌？

30秒懶人包

第一，複製YouTube影片連結：

https://www.youtube.com/watch?v=mvulvk-bBx0

點擊滑鼠右鍵，複製v=後面的亂碼(紅標處)

第二，將亂碼貼在以下回應式iframe編碼的黃色標示處：

<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='https://www.youtube.com/embed/mvulvk-bBx0' frameborder='0' allowfullscreen></iframe></div>

第三，打開網站的原始HTML，貼在希望出現的位置，如下：

大功告成，妳的讀者可以開始觀看老詹大戰咖哩(誤)拉。可以嘗試用手機與PC環境，影片尺寸會跟著變喔。網路上也有相關做法，可參考連結。