Question

以下代码适用于每个HTML 5平台......除了iPad。我只是想通过简单点击视频本身顶部显示的div来“关闭”视频。如果您对如何解决这个问题有所了解，即使没有jQuery，也可以提供很多帮助。感谢。

$(function(){
  $("#Xmovie1").tap(function(event){
    $("#Menu1Mov").hide();
    $("#Home").fadeIn('slow');
  });
});

<div id = "Home" class="imgHome"><img id = "img1" src ="" alt="home"/>
  <div id = "Menu1Lib" class="cMenu1Lib"></div>
  <div id = "Menu2Lib" class="cMenu2Lib"></div>
</div>
<div id = "Menu1Mov" class="cMenu1Mov" >
  <video id="Menu1Movie" src = "mov.mp4" width="980" height="495" poster = "../medias/img/interface/Poster.jpg" controls></video>
  <div id = "Xmovie1" class = "cXmovie1">x</div>
</div>

Answer 1

您是否在点击＆＃34; x＆＃34;？时测试了整个事件是否触发？我的意思是这是$（＆＃34;＃Menu1Mov＆＃34;）。hide（）或XMovie1 div元素错误定位的问题。

如果事件触发，你可以尝试而不是简写：$（＆＃34;＃Menu1Mov＆＃34;）。css（＆＃34; display＆＃34;，＆＃34; none＆＃34;）和＃Menu1Movie一样。

如果事件甚至没有触发（不知道为什么会出现这种情况，但只是肯定），那么你应该尝试为＃Xmovie1重新声明CSS，将其置于顶部，例如。位置：绝对+ z指数。

Answer 2

只是为了增加我的经验。我有同样的问题，一个带有一些标签的div。点击div，标签必须切换。在浏览器上它工作正常，但在ipad上标签不会隐藏。

我将标签的位置更改为绝对并放置了z-index然后它开始工作。

jQuery在iPad HTML5视频的文本叠加中隐藏问题

2 个答案: