click event is not called when clicking the video

Here is the skemeton of my html document:

<html>
<head>
<script type="text/javascript">
  var playervars = {
    'video': "myvideo.flv",
    'islive': true,
    'autoscale': false,
    'smoothing': false
  };

  var params = { scale: "noscale", allowfullscreen: "false", salign: "tl", bgcolor: "#ffffff", base: "."};      
  var attributes = { align: "left" };

  swfobject.embedSWF(
    "/static/flv/flvplayer.swf",
    "videoCanvas",
    "300", "200", "9.0.28",
    "/static/flv/expressInstall.swf", playervars, params, attributes
  );

  $(function() {
    $(".video").live('click', function() {
      alert('hello');
    });
  });
</script>

<body>
<span class="video">
 <div id="videoCanvas"></div>
</span>
</body>
</html>

The 'click' event is not called when clicking the video. According to your docs 
it should. Anything wrong in my code.

Original issue reported on code.google.com by luc.jean@gmail.com on 30 May 2012 at 9:52

pipinlink / flv-flash-fullscreen-video-player

click event is not called when clicking the video #46