0

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

如此处所见

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

如果你运行它是 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>
4

1 回答 1

0

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

于 2012-02-13T20:26:31.687 回答