在網頁中偶爾會插入影片，而其中有video與iframe兩種，一個是從本地端獲取，一個是外部嵌入的

video

viedo需要自己內部本地端有影片連結才可以使用，好處當然也有啦

因為不需外部嵌入，所以加載的過程會比較快，因為嵌入外部影片會涉及到跨域的請求或加載外部媒體等，所以通常你會看到自架網站基本都會使用video，且也可以避免外部嵌入的連結出問題無法顯示

優點還有讓使用者的擁有更加一致的體驗，因為影片都是你自己的，播放/暫停/調音等等，甚至廣告啥的都可由你自己控制，但若是外部嵌入，從不同外部平台可能youtube又或是bilibili又或是其他影音平台，因為每個影音平台的介面不同，這樣的話就會使你的網站用起來很混雜，比較懶得話把影片都上傳到youtube在外嵌也是種方法

<video controls loop muted width="500">
     <source src="test_video.mp4" type="video/mp4">
</video>

影片出不來正常，這就是本地端

通常會使用的標籤
controls
會給你的影片提供一個控制面板，讓使用者擁有播放/音量操控/暫停/恢復等等功能，這些東西也可以自定義。

loop
使用後當影片播完後回從頭開始繼續播放，這應該在聽音樂時很常用到，就是循環播放囉。

muted
這可以讓你的影片在一開始預設為靜音。

當然還有其他標籤例如controlslist/crossorigin/disablepictureinpicture/
disableRemotePlayback/playsinline/poster/preload等等

不過我覺得上面三個比較常用就是了，尤其是controls不用的話影片是播放不了的喔

可惜小弟也還沒試過自定義介面，下次有機會再跟大家分享了

中間的source是避免妳的影片在該瀏覽器不支持，所以你可以放一堆不同的影片格式，他會選擇其中一格可行的播放

iframe

iframe外部嵌入網頁，最常看到的就是把你的影片全丟youtube在連結播放

優點，就是可以拿其他創作者的影片讓你的內容更豐富(如有版權記得跟作者溝通後再使用唷)，再來就是不需要擔心影片的存儲和維護成本，最常看到的就是巴哈上面的各種影片插入囉

缺點，當他人下架又或是導入的網站出問題那麼在你的網站就無法播放了，再來就是統一性，如果只是一兩個不同的影音平台可能還好，但如果好幾個可能就會有點亂就是了

<iframe width="560" height="315" src="你要插入的影片網址連結">

</iframe>

而iframe也有標籤，不過因為他是外部嵌入所以我通常都是直接嵌入就是了

今天就這樣啦，謝謝觀看