如何動態使用第一幀作爲移動HTML5視頻中的海報？

我試過了popcorn.capture.js並設置了preload="auto"，第一個正好適合firefox和下一個適合pc瀏覽器。我想通過移動（微信）實現某種方式。你可以幫幫我嗎？如何動態使用第一幀作爲移動HTML5視頻中的海報？

來源

2016-08-25 Wentao Wan

我以爲只是忽略'海報'一起給你第一幀作爲默認。> [一個URL指示一個海報框架顯示，直到用戶播放或尋求。如果未指定此屬性，則在第一幀可用之前不顯示任何內容;那麼第一幀顯示爲海報幀。]（https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video） – zer00ne

非常感謝。它在PC上的chrome中運行良好，但不適用於手機。另外，它似乎與視頻編碼有關。我正在探索。 –

在移動設備上，您可能會發現設備不會自動開始下載視頻。這是爲了避免用戶運行大量數據賬單。

由於bowser未下載視頻，因此無法提取第一幀以顯示它，因此您需要使用HTML5中的海報機制將圖像顯示爲縮略圖。

一種常見的方法是在您攝取視頻或將視頻添加到服務器並將其保存在可作爲視頻海報的位置時，在服務器端生成縮略圖。

來源

2016-08-29 08:48:46 Mick

謝謝，實際上我最終使用了你的建議。 –

如何動態使用第一幀作爲移動HTML5視頻中的海報？

回答

相關問題