拜托我需要你的幫忙。我正在處理我們主頁的背景視頻。此部分有 100vh 并且是全寬的。我使用 DIVI 作為構建器。
我們聘請了專業的攝像師為我們錄制視頻。現在他問我理想應該是什么：
框架尺寸
幀率
編解碼器
檔案大小
我做了一些研究，似乎理想是：
幀尺寸：1280 x 720
幀率：30FPS
編解碼器：我不知道
檔案大小：越小越好
請問，有沒有人有背景視頻的經驗？我很失落。
另外，您是將其上傳到 WordPress 媒體庫中還是使用 Vimeo/YouTube？我認為您不能將 YouTube 用作背景視頻，對嗎？
非常感謝！
uj5u.com熱心網友回復：
幀大小： 1280 x 720 (=720p) 表示高清畫質，已經相當不錯了，不過看你自己，你覺得什么樣的畫質可以接受。通常 1920 x 1080 像素（=1080p，全高清）用于背景視頻，就像我的主要背景視頻源是https://coverr.co/，您可以在那里下載免費視頻，專門用于背景視頻。那些是 1920 x 1080 大。我會說，如果您可以要求多個檔案，請同時要求 720p 和 1080p 質量，以便能夠做出正確的決定。
檔案大小與此相關，因此您將使用的幀大小越小，您獲得的檔案大小就越小。
幀率： 你可以看看這張圖片：https : //miro.medium.com/max/1300/1*uMlkXIMNF4VIZoi85NZ3aQ.png 看看它意味著什么。
藍光、DVD 和電影上的電影使用 24 FPS，所以這對您來說也足夠了。同樣，較低的 FPS 意味著較小的檔案大小。
編解碼器： h264
我是一名 WordPress 插件開發人員，當我們的用戶不知道如何創建可在所有瀏覽器上播放的視頻時，我們總是建議這樣做。到目前為止，它對每個人都很有效。
YouTube vs Vimeo vs MP4： 默認情況下，您不能將 Youtube 視頻設為背景。有一些編碼技巧可能有效，但我不建議這樣做。
Vimeo 只允許 Pro Vimeo 用戶使用背景視頻。
使用 mp4 很簡單，而且在移動和平板設備中效果更好。當 Vimeo 或 Youtube 視頻在網站上啟動時，某些設備會自動打開它們的 Vimeo/Youtube 應用程式。這很糟糕，您的頁面最終將沒有背景。
您還應該注意，大多數瀏覽器（即使在桌面上）只允許您自動播放視頻，如果您將 html 代碼中的視頻靜音：https : //www.w3schools.com/tags/att_video_muted.asp
uj5u.com熱心網友回復：
@Gabor 所說的。
- 1080p (1920 x 1080) 是桌面的良好解析度。
- 如果您的用戶使用的是移動設備或其他小型設備，那么您可以選擇 720p (1280x720) 甚至 360p (360x640)。這些將節省資料下載并適合較小的設備。尋找提供適當大小視頻的插件。每種解析度都需要一個視頻檔案。
- 或者不要在用戶的移動設備上顯示背景視頻。
- 在您的設計中考慮在縱向模式下會發生什么。您可能想要剪掉視頻素材的左右兩側，這樣中心部分就會填滿整個螢屏。所以，動作應該在中心。
- 這個視頻很大嗎？播放幾分鐘？如果沒有，您絕對應該將其托管在您自己的網站上。如果不需要，為什么要參與并支付某些第三方媒體服務的費用？如果它真的很大（> 10MiB 左右），您可能應該問另一個問題并提供更多詳細資訊。
- 在您的背景視頻檔案中不要放置音軌。瀏覽器會限制背景視頻中音頻的播放，因此無需讓您的檔案因無法播放的音軌而變得臃腫。（如果您有音頻，請考慮托管一個單獨的檔案，讓點擊視頻的用戶觀看；大多數用戶不會。）
- 使用包含 H.264視頻的.mp4 檔案（每個解析度一個檔案）。其他東西，比如帶有 vp8 視頻的 webm，可能會生成較小的檔案大小。但是它們在瀏覽器的品牌和型號中沒有那么多（我在看著你，Apple Safari。）
- 視頻，按照 H.264 的說法，應該在所謂的約束基線組態檔中編碼。它在移動設備上播放時可以節省電量，并且在速度較慢的設備上效果更好。
- 請您的攝像師為您提供流式 mp4 檔案（也稱為碎片 mp4）：它們可以在第一幀下載后立即開始播放。
- 向您的攝像師咨詢有關檔案位元率的建議。您的 1080p 檔案應該看起來不錯，編碼可變位元率，目標為 1 兆位/秒（每兆位元組 8 秒）。您的低解析度檔案將需要更小的位元率：畢竟這是它們的重點。但是，您的位元率可能會有所不同。動作/冒險電影需要更高的位元率才能看起來比說話的人高。
- 正如@Gabor 提到的，24 幀/秒應該沒問題。15 幀/秒是邊緣。詢問您的攝像師，他們為您制作的素材最適合什么。有時以 30 幀/秒拍攝的素材在 24 幀時看起來不穩定。（H.264 視頻的作業方式，一旦低于 24 幀/秒，檔案大小的節省并不像您想象的那么顯著。15 幀/秒需要30 幀/秒的檔案大小的一半以上。）
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/352638.html
標籤：WordPress的 视频 帧率 迪维 帧大小