很多人規劃自己的線上課程網站時，最常擔心的一件事就是影片。
「我的課程如果有幾十支、幾百支影片，網站是不是會很慢？」
「學員同時看課，主機會不會撐不住？」
「影片是不是一定要全部上傳到自己的網站才算真正擁有？」
這些問題其實都指向同一件事：網站要負責什麼，影片服務又該負責什麼。
只要分工做對，網站上有大量課程影片，不代表網站一定會變慢。
先釐清：網站「顯示影片」和網站「直接傳影片」是兩件事
課程頁面可以顯示影片，但影片檔案不一定要直接放在網站主機裡。
最常見的架構是：
- 網站負責會員登入。
- 網站判斷學員有沒有這門課的權限。
- 網站呈現章節、單元與教材。
- 影音服務負責儲存、轉檔與傳輸影片。
- 學員在課程頁面裡直接觀看。
對學員來說，他仍然是在你的課程網站裡上課；只是背後的影片串流不是全部由同一台網站主機承擔。
這種分工就像網站上的圖片可以交給 CDN 傳送一樣，不代表內容不屬於你的課程，而是把不同工作交給更適合的系統。
如果把所有影片都直接丟進網站主機，可能發生什麼事？
影片和一般網頁文字的差別，是檔案通常大很多。
一篇文章可能只有幾十 KB 的文字資料，但一支高畫質影片可能是幾百 MB，甚至更大。
如果大量學員同時直接從網站主機下載或播放影片，主機就要同時處理：
- 網站頁面請求。
- 會員登入與權限。
- 訂單與資料庫查詢。
- 大量影音檔案傳輸。
這些工作全部擠在同一個環境，會讓資源分配變得比較吃緊。
所以問題不是「影片不能放網站」，而是不一定要讓網站主機自己承擔所有影片傳輸。
真正影響影片速度的第一件事：影片有沒有被正確壓縮與轉檔
同一支影片，如果直接用原始錄製檔上傳，和經過適合網路播放的壓縮、轉檔，檔案大小可能差很多。
專業影音服務通常會把影片轉成不同畫質，讓系統依照裝置與網路狀況提供合適版本。
例如學員用手機、網路速度普通，就不需要一開始硬載入最高畫質；網路穩定時，再提供更高畫質。
這種自適應播放，比單純把一個超大 MP4 檔案放上網站，更適合線上課程。
第二件事：影片載入方式會直接影響頁面速度
有些頁面一打開，就同時載入很多影片播放器、預覽圖與外部程式，這當然會拖慢首屏。
比較合理的做法，是讓課程頁面先載入必要內容，等學員真的要播放時再載入播放器與影音資源。
也就是常說的延遲載入（lazy loading）。
對學員來說，他先看到標題、課程內容與播放按鈕，不需要在頁面一打開時就把所有影音內容全部下載。
所以「頁面有影片」和「頁面一開始就載入整支影片」差很多。
第三件事：影片主機離學員太遠，也可能影響播放體驗
影片播放不只和網站主機有關，也和影音檔案從哪裡送出來有關。
如果影音服務有 CDN 或多地節點，學員通常可以從較近的節點取得內容，減少跨洲傳輸距離。
這也是為什麼大型影音服務不只是「幫你放檔案」，而是把儲存、轉檔、頻寬與傳輸一起處理。
對課程網站來說，這樣能讓主機專心處理會員與課程邏輯，影片播放則交給更適合的基礎設施。
第四件事：不要在同一頁塞太多播放器
有些課程頁會一次列出十幾個單元，每個單元都直接顯示完整播放器。
這種做法很容易讓頁面載入大量外部資源。
更好的方式通常是：
- 每個單元有自己的學習頁面。
- 章節頁只列課程目錄。
- 真正點進單元時才載入那支影片。
這樣不只速度比較好，學習體驗也比較清楚。
學員知道自己現在在哪一個單元，不會在一個超長頁面裡一直往下找。
第五件事：網站主機仍然要夠穩，因為影片不是全部
即使影片已經分流到影音服務，課程網站本身仍然要處理很多重要事情：
- 登入。
- 會員權限。
- 課程進度。
- 訂單。
- 付款後開課。
- 頁面與資料庫。
所以影音分流不是「主機隨便都可以」的意思。
如果網站主機本身資源不足，登入或課程頁一樣可能慢。
前一篇學員太多會不會把課程網站塞爆？就有提到，真正需要看的，是同時在線、動態運算與整體資源，而不是單純會員總數。
自己的課程網站，影片一定要自己保管嗎？
「自己的網站」不等於「每一個檔案都要放在同一台主機」。
真正重要的是你能控制課程內容、會員、品牌、網站與學員關係。
影片可以放在適合的影音平台或儲存服務，只要你知道：
- 帳號由誰掌握。
- 影片能不能備份或匯出。
- 服務中斷時有沒有替代方案。
- 權限與嵌入方式是否符合你的課程需求。
這反而比把幾百支影片全部壓在網站主機裡更容易維護。
如果影片很多，課程網站最需要做的是「分工」，不是「硬撐」
可以把整個系統想成四個角色：
- 網站：品牌、內容、課程頁與學員入口。
- 會員／課程系統：判斷誰能看什麼。
- 影音服務：儲存、轉檔與播放影片。
- CDN／快取：分擔適合快取的靜態資源。
這四個角色不一定要來自四家公司，但概念上要分清楚。
當所有工作都塞在同一層，任何一個瓶頸都會影響整體；當工作分開，哪一層需要升級就處理哪一層。
怎麼判斷現在的影片架構有沒有問題？
你可以先觀察幾個現象：
- 課程頁一打開就明顯卡住。
- 影片常常轉圈或讀取很久。
- 多人同時看課時網站整體變慢。
- 網站主機頻寬或儲存空間快速增加。
- 影片一多，備份變得非常龐大。
- 手機播放體驗明顯比桌機差。
如果這些問題持續出現，就值得檢查影片是否直接壓在網站主機、播放器是否載入太多資源，以及是否需要更適合的影音傳輸方式。
影片播放速度和網站開啟速度，要分開看
有時候學員會說「網站很慢」，但實際上首頁和課程目錄都很快，只有按下播放後影片需要等很久。
這時候問題比較可能在影音傳輸，而不是網站主機本身。
反過來，如果影片還沒播放，頁面一打開就卡住，則要檢查頁面結構、播放器程式、圖片、外部資源與網站主機。
把兩種問題分開很重要，因為解法完全不同。
你可以簡單測試：
- 先測沒有影片的普通頁面。
- 再測課程目錄頁。
- 最後測單一影片播放頁。
- 用手機與桌機各測一次。
- 換一個不同網路環境再比較。
這樣比較容易知道，到底是網站慢、播放器慢，還是學員本身的網路不穩。
影音服務的選擇，不只看儲存空間
不同影音服務的差別，通常不只在「可以放幾 GB」。
對課程網站更實際的是看：
- 能不能自動轉成多種畫質。
- 是否支援自適應串流。
- 播放速度與節點是否適合主要學員地區。
- 能不能限制影片只在指定網站播放。
- 有沒有基本觀看分析。
- 影片能不能備份、匯出或遷移。
- 價格是否會隨流量快速增加。
如果只是放少量影片，很多功能可能暫時用不到；但當課程變多、學員增加，這些差異會越來越明顯。
自己的課程網站，更重要的是保留替換影音服務的能力
今天使用某個影音服務，不代表未來永遠都要用同一家。
所以在規劃課程網站時，最好不要把整個課程結構綁死在某一個特殊播放器或無法遷移的格式。
更理想的做法是：網站掌握課程結構、會員與學員關係；影片服務負責影音傳輸。
未來如果成本、速度或功能需求改變，你可以換影音服務，而不是整個課程網站重做。
這種可替換性，才是真正長期經營自己的課程網站時，很值得保留的彈性。
不要只為了防下載，就把播放體驗做得很差
課程創作者很在意內容保護，這很合理。
但任何線上播放系統都很難做到「百分之百無法被取得」。如果為了提高限制，把播放器做得過度複雜、每次播放都要等待很久，真正付費的學員反而先受到影響。
比較實際的方向，是在安全、權限與使用體驗之間取得平衡：
- 只有有權限的學員能進課程頁。
- 影片嵌入限制在自己的網站。
- 使用合適的影音服務與存取設定。
- 不要把原始下載連結直接公開。
課程網站的目標是讓正式學員穩定學習，不是讓每一次播放都像通過一道技術考試。
課程上線前，影片至少做一次完整測試
不要只在後台看到影片成功上傳，就認為學員端一定沒問題。
正式開課前，建議用一個測試學員帳號，從登入、進課程、打開單元到播放影片完整走一次。最好再用手機與一般家用網路測試，因為創作者自己的辦公環境通常比學員情境更穩定。
測試時可以確認：
- 影片是否能快速開始播放。
- 切換單元時是否流暢。
- 手機橫向、直向顯示是否正常。
- 字幕、倍速與全螢幕是否可用。
- 權限失效的帳號是否真的看不到內容。
這些測試看起來很基本，但比單純看主機規格更接近學員真正感受到的品質。
如果你的學員主要集中在台灣，也可以實際用台灣常見的家用網路與行動網路測試，而不是只在辦公室高速網路下驗收。真正好的播放體驗，應該是在一般學員的真實環境裡也能穩定使用。
常見問題
課程影片可以直接上傳 WordPress 媒體庫嗎？
技術上可以，但大量長影片通常不建議把網站媒體庫當成主要影音平台。影片檔案大、傳輸量高，也會讓備份與搬家變得更重。
影片放外部影音服務，學員還是在我的網站上課嗎？
可以。網站負責課程頁、會員與權限，影片透過嵌入方式顯示在你的學習頁面裡，學員仍然可以在你的網站完成學習。
影片很多會不會拖慢網站資料庫？
真正拖慢資料庫的通常不是影片檔案本身，而是網站程式、查詢、會員、訂單與其他動態資料。影音檔案若分流，反而能減少網站主機負擔。
CDN 可以讓影片一定不會卡嗎？
不能保證。CDN 能縮短傳輸距離並分擔部分流量，但播放體驗還會受到影音編碼、學員網路、播放器與服務品質影響。
課程剛開始，現在需要先買很昂貴的影音系統嗎？
不一定。先看目前影片量、學員數與需求，選擇能穩定播放、未來可擴充的方案即可。等真實使用量增加，再依數據升級。
結語：影片多不可怕，全部讓網站主機自己扛才容易出問題
線上課程有很多影片，是很正常的事情。
真正需要避免的，是把會員、訂單、資料庫、網站頁面與大量影音傳輸全部壓在同一個地方，然後期待主機永遠不會變慢。
把影片交給適合的影音服務，網站專心處理課程、會員、權限與學員體驗，整體架構反而更容易擴充。
課程網站要做的不是「把所有東西都自己扛」，而是把每一種工作放在最適合的位置。
參考資料
Cloudflare Learning Center，What Is Video Streaming?
Cloudflare Learning Center，What Is a CDN?
WordPress Developer Resources，Performance。