在<video>之上的錨不能在iPad上工作

Question

所以我有一個視頻，頂部有一個錨點。該按鈕在我的電腦上正常工作，但當我在iPad上查看時，我無法點擊主播。

我用以下jsbin example複製它。

有什麼建議嗎？

Answer 1

我有一個解決方案。它適用於我，因爲我不需要控制視頻的工作，但可能不適用於所有人。

這最適合於視頻必須解鎖或需要登錄才能觀看視頻的情況。

要切入正題，只是下面的CSS屬性添加到視頻：

video { pointer-events: none; }

我要紀念這個作爲回答我的問題，但如果有人可以給我在視頻控制仍然有效的情況下，我會接受你作爲正確的答案。

更新&替代解決方案

好了，我發現我需要最好的解決辦法是從視頻刪除控件。

只需將<video controls改爲<video就可以了。