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

JavaScript Video Play Not Triggering Click Event

本文关键字：事件 视频 播放 JavaScript      更新时间：2023-09-26

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

如图

http://jsfiddle.net/R9Wm4/7/

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

这种行为适用于任何JS嵌入视频，无论是YouTube、Vimeo、Amazon s3 ETC。

注意：我尝试过使用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>

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

相关文章：