HTML5視頻，適用於沒有自動播放功能的設備的不同海報圖像

Question

• 該視頻被用作背景視頻。

• 海報圖像必須是視頻的第一幀，因此在加載視頻時不會出現跳轉。

• 在某些設備上，尤其是在禁用了視頻自動播放功能的iOS上，我可以選擇顯示其他圖像嗎？

摘要：如果禁用了自動播放，是否可以顯示其他海報圖像？

謝謝。

---

注意：我知道我可以使用媒體查詢來隱藏/顯示內容，但這對於周圍的iPad Pro來說效果不佳。

如果可能的話，我想要一個不需要檢測其他設備的解決方案。

Answer 1

我不知道具體的操作方法，但是我建議不要在某個時候運行檢測腳本。 在啟用自動播放功能的情況下，使用“虛擬”視頻（例如，數據URI中的1x1px空白視頻，以確保速度和同步性），然后在渲染后不久檢查是否正在播放。 然后根據是否播放進行相應標記。