控制疊加適用於iPhone/iPad的

Question

我寫一個web應用程序，我需要顯示視頻和一些（非標配）視頻它所控制，它應該會出現在覆蓋。因此，創建一些div並將它們放在視頻上，並使用更高的z-index。

儘管如此，iPhone和iPad，看來這些控件是不可點擊。我爲點擊事件註冊了操作，但是當我點擊控件時根本沒有觸發該操作。據我所知，當視頻實際播放時（甚至全屏顯示），我無法控制，但問題在於，即使視頻停止，控件也無法使用。

我也試圖從視頻中刪除controls屬性，沒有效果。

有沒有辦法爲位於iPhone/iPad視頻上的元素註冊點擊事件？

Answer 1

要做的一件事就是讓帶有控件的元素阻擋整個視頻，而不僅僅是一部分 - 這將幫助您在任何情況下進行調試。另一種方法是使用觸摸事件而不是點擊事件。這些執行速度更快，並且通常不會被覆蓋。 示例代碼會很有幫助。

Answer 2

我有同樣的問題，得到它通過設置HTML5視頻元素的CSS屬性工作時

暫停到-webkit-transform:scale(0.01);

打到-webkit-transform:scale(1);

的問題是，在iOS的HTML5視頻元素似乎劫持領域的單擊事件中包含的視頻元素的邊框（在上面運行的所有元件）。如果邊框是由具有規模（0.01）或邊界盒小推離屏幕平移X（-2560px），沒有元素的區域是直接的視頻元素上方，單擊事件將被解僱。