JavaScript视频播放未触发点击事件

其概念是，将视频的JS代码放在一个div中，然后在单击该div时执行jQuery代码。也就是说，当你播放/暂停或视频中的任何内容时，事件应该触发。在我的示例中，我延迟了文本显示：

如图所示

如果你在IE或Chrome中运行它，它不会触发点击事件

这种行为适用于任何嵌入JS的视频，无论是YouTube、Vimeo、AmazonS3等

是否有我做错了什么，或者有什么需要改进的地方（例如，在整个Div上放一个清晰的图像或其他东西，这让我发疯了……）

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

如果您不喜欢JSFIDLE，下面是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>

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”）；
欢迎来到我的隐藏和神奇的文字！享受你的生活

对于互联网智囊团来说，这似乎是一个太大的问题！因此，我删除了点击功能，只设置了一个延时定时器和自动播放视频。一个适用于所有浏览器的解决方案：-）

这不是一个可行的答案，因为Firefox的实现方式不同，但根据我的经验，Flash往往会“捕获”事件——它们不会从嵌入式Flash元素冒泡到文档本身。相反，您可能希望查看您正在使用的播放器的JavaScript API。