2012-08-16 61 views
3

我開發iPad的一個網頁,我有一個問題:DIV在iPad上的YouTube視頻不clickeable

我插入一個YouTube視頻(如的iframe),需要一個div停留在它的上面。

我已經知道了,使用 「?的wmode =透明」 在YouTube上視頻的網址,並使用z-index的了。

在PC上它工作正常,按預期工作,我可以隨時點擊頂部div。

在iPad上,在顯示的第一次視頻,適用於視頻的頂部不如預期,視覺DIV停留,我可以點擊DIV的內容。

當我點擊YouTube上的「播放」按鈕,視頻加載正確;但是當我點擊div內容時,點擊傳遞給youtube播放器,div不再可以點擊。

有什麼建議嗎?

編輯: 的iFrame是這樣的:

<iframe style="width: 100%; height: 100%" src="http://www.youtube.com/embed/JQkActP-isE?wmode=transparent" frameborder="0" allowfullscreen=""></iframe> 

頂格看起來是這樣的:

<div class="topdiv" style="position: absolute; right: -410px; width: 400px; display: block; background-color: rgb(255, 255, 255); z-index: 500000; background-position: initial initial; background-repeat: initial initial; "> 

注:當播放視頻事業部變爲不可點擊。

+0

你有透明的wmode上都嵌入和對象標記? – Kyle 2012-08-16 17:21:46

+0

這可能是焦點問題。使用JS手動集中在外部div。一個代碼示例可以進一步闡明這個問題... – laker 2012-08-16 17:29:35

+0

@kyleSevenoaks我把它包括爲