Question

这个概念是这样的，你将一个视频放在一个div中的JS代码，然后你有点击该div时执行的jQuery代码。 I.E播放/暂停或视频中的任何内容时，事件应触发。在我的例子中，我推迟了文字显示：

如此处所见

如果你运行它是FF它可以正常工作，如果你在IE中运行它。或Chrome它不会触发点击事件。

此行为适用于任何JS嵌入视频，无论YouTube，Vimeo，Amazon s3 ETC如何。

我做错了什么或是否有解决方法（即在整个Div上放置一个清晰的图像或其他东西，这让我发疯了......）

注意：我尝试过使用MouseDown事件而不是点击，这确实有效，但是一次点击它就不会启动我的视频： - /（除了在FF中再次正常工作）

如果您不喜欢jsFiddle，这里是JS代码：

$(function(){
  $('.content').hide();
  $('#delay-start').click(function(){
    if($('.content').is(':hidden')){
        $('.content').delay(1500).fadeIn(1000);
        return false;
    }
  });
});

和HTML：

<div id='delay-start'>
<script type="text/javascript">
  var playerhost = (("https:" == document.location.protocol) ? "https://market-review.s3.amazonaws.com/comprehensive-market-review-november11/ezs3js/secure/" : "http://market-review.s3.amazonaws.com/comprehensive-market-review-november11/ezs3js/player/");

document.write(unescape("%3Cscript src='" + playerhost + "flv/460089AC-DCB0-154F-0F5574AA57B9963A.js?t="+(Math.random() * 99999999)+"' type='text/javascript'%3E%3C/script%3E"));
</script>
</div>
<div class='content'>
  <p>Welcome to my Hidden and Magical Text! Enjoy Your life</p>
</div>

Answer 1

对于互联网的大脑信任来说，这似乎是一个太大的问题！所以我删除了点击功能，只是设置了延迟计时器并自动播放视频。适用于所有浏览器的解决方案： - ）

JavaScript视频播放不触发Click事件

1 个答案: