技術標籤：video標籤

近在做一個播放抖音視訊的網頁中遇到一個問題,抖音視訊的url直接在瀏覽器中開啟是沒有問題的,直接開啟本地的.html檔案也是可以正常播放視訊的,但訪問伺服器上的請求過來的頁面就無法播放視訊，瀏覽器裡按F12檢視network發現video標籤裡的src請求視訊資源時報403 Forbiddn 錯誤。

直接訪問連結的請求頭：

正確的請求頭

出錯的請求頭：

錯誤的請求頭

經過對比發現錯誤的請求頭中多了個Referer欄位，
估計請求的是伺服器 referer 做了判斷，不是正常的referer就拒絕了，可以模擬他們的 referer 請求試下，測試發現, 通過 https 站點開啟的頁面, 可以正常開啟視訊連結，在 https 下, 傳送的請求是不會帶有 Referer 的header 的, 這個時候是可以正常載入視訊的. 所以, 我們在 頁面的 head 標籤內, 增加一行程式碼,指定瀏覽器任何情況下都不傳送Referer,這樣就可以正常載入資源了。

<meta name="referrer" content="no-referrer">

作者：NiceBlueChai
連結：https://www.jianshu.com/p/2a8d297a135d