這款 npm 套件旨在簡化前端開發過程中的一個常見需求：將 Facebook、Instagram、TikTok 和 YouTube 等主流社群平台的視頻內容嵌入網頁中。
此套件能自動將這些平台的視頻鏈接轉換為對應的嵌入式格式，讓開發者無需手動調整不同平台的嵌入代碼，轉換完成的代碼掛載 iframe 標籤的 src 屬性即可嵌入影音，極大地提高了開發效率並簡化了代碼的複雜度。
https://github.com/lee-yu-jie/npm-EmbedVideoUrl
npm i embed-video-url
import { getVideoEmbedInfo } from 'embed-video-url'
const convertedUrl = getVideoEmbedInfo('需轉換的網址')以下為各平台的影音原始網址範例
● FB:
➡ https://www.facebook.com/00000000000000/videos/111111111111111/
➡ https://www.facebook.com/watch/?v=111111111111111
➡ https://www.facebook.com/reel/1111111111111111
➡ https://fb.watch/example0123/
● IG:
➡ https://www.instagram.com/p/example1111/
➡ https://www.instagram.com/reel/example1111/
➡ https://www.instagram.com/reels/example1111/
● tikTok:
➡ https://www.tiktok.com/@username/video/1111111111111111111
● youtube:
➡ https://www.youtube.com/watch?v=example1111
➡ https://youtu.be/example1111
➡ https://www.youtube.com/shorts/example1111
● FB:
{
source: 'facebook',
url: 'https://www.facebook.com/plugins/video.php?height=314&href=https%3A%2F%2Fwww.facebook.com%2F000000000000000%2Fvideos%2FvideoID%2F&show_text=false&t=0',
}
● IG:
{
source: 'instagram',
url: 'https://instagram.com/p/videoID/embed/',
}
● tikTok:
{
source: 'tikTok',
url: 'https://www.tiktok.com/embed/v2/videoID',
}
● youtube:
{
source: 'youtube',
url: 'https://www.youtube.com/embed/videoID',
}
● 錯誤:
{
error: 'message',
}