觸摸事件不適用於覆蓋div上的z-index ipad

我使用視頻標籤顯示視頻，如果用戶暫停視頻我使用div顯示視頻標籤的一些選項頂部，所有點擊事件和z-index工作正確地在桌面上的所有瀏覽器，但有些我怎麼沒發現iPad的任何解決方案，QuickTime播放器和DIV的z-index總是讓汽車連我已經以編程方式更改CSS，但在iPad上觸摸事件不適用於覆蓋div上的z-index ipad

$("#video_screen").bind("pause",function(){ 
     $("#video_screen").css("z-index","-1"); 
     $("#videoOptionsDiv").show(); 
     alert("Seek Time:"+$("video").attr("currentTime")+" ms"); 
     $("#notif").slideDown("fast"); 
     alert("video "+$("#video_screen").css("z-index")); 
     alert("optionaction "+$("#optionActions").css("z-index")); 
});

沒有運氣

這是我的代碼和工作桌面瀏覽器只有

來源

2012-06-02 Pratik

我找到了一個解決方案，我剛剛刪除了控制菜單出現在視頻的頂部，所以它沒有被觸發視頻觸摸事件。他們根據控件設置優先級，所以如果您只是刪除控件，則可以檢測重疊元素的觸摸事件。

當你隱藏選項

這是我們發現

希望這個答案是幫助全給任何人

黑客謝謝

來源

2012-06-04 12:07:42 Pratik

這是一個類似的SO question有人認爲，移動Safari瀏覽器切啊ole視頻標籤，並且不允許渲染ontop。

不幸的不是。

根據我對iOS目前工作的經驗和理解，這是不可能的。

iPad上的移動Safari爲Quicktime窗口削減了一個洞，其中使用內置硬件加速播放視頻提高了電池使用時間。（iPhone和iPod Touch只需在單獨窗口中將其打開即可達到相同效果。）

此窗口與頁面上的其他HTML無法正常播放。在事實上，我還沒有找到一種方法讓移動Safari在標籤頂部顯示任何東西。我的猜測是，這是因爲硬件加速只允許視頻縮放和定位，而且它只能一次處理一個視頻。

它雖然有點老，所以你可以嘗試在div上設置9999 z索引，而不是在視頻標籤上設置-1 z索引，但它可能不起作用。

來源

2012-06-02 06:16:26

感謝您的答覆只是重新添加。但我總是在z-index值自動獲取視頻，這不會改變某種程度上我已經設置了高分區索引但不工作 – Pratik

任何方式，我可以訪問quicktime播放器，並在暫停時間隱藏該播放器 – Pratik

我發現解決方案檢查我的答案 – Pratik

觸摸事件不適用於覆蓋div上的z-index ipad

回答

相關問題