在HTML5視頻標籤上生成隨機預覽圖像

Question

是否可以捕獲使用HTML5視頻元素加載的視頻的快照，並將其用作預覽圖像，直到視頻加載或播放事件觸發爲止？我知道海報的屬性，但我希望縮略圖是自己生成的，就像視頻中的隨機幀一樣。排序的YouTube/Vimeo做什麼。

感謝，

Answer 1

我不認爲這是可能的純HTML5。主要是因爲當您在網頁中看到「對象」時流沒有加載，所以客戶端無法獲得所需的幀。

但是，最好的選擇是在加載頁面之前保存/緩存「隨機幀」，然後將其用作視頻的海報。這將允許您減少客戶工作並節省帶寬。

檢查THIS，這是我發現的第一件事情（如果你使用PHP和你想要一個「快速和骯髒」的方式來獲得幀）

更新

顯然HERE有一個popcorn.js的解決方案，但似乎你不能以（我想）你需要的方式做到這一點。

這是因爲只能在同一個域內執行此操作，這是由於瀏覽器安全問題。