我開發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; ">
注:當播放視頻事業部變爲不可點擊。
你有透明的wmode上都嵌入和對象標記? – Kyle 2012-08-16 17:21:46
這可能是焦點問題。使用JS手動集中在外部div。一個代碼示例可以進一步闡明這個問題... – laker 2012-08-16 17:29:35
@kyleSevenoaks我把它包括爲