title: How To trigger play button of flow player
body: <p>I have integrated flowplayer in my website. </p>
  
  <p>As a next step, I want to trigger its video play function, so that when a user plays a video, she/he will simply press a play button, that will call a function.</p>
  
  <p>Can anybody please help me achiving that?</p>
  
  <p>I am trying to do this:</p>
  
  <pre><code>&lt;script language="javascript"&gt;
  $(document).ready(function(){   
  $( ".fp-play" ).change(function() {
    alert( "Handler for .click() called." );
  });
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>This is my HTML code:</p>
  
  <pre><code>&lt;div class="artist_vidoe_player fl clear"&gt;
      &lt;div class="flowplayer" data-swf="&lt;?php echo WEB_URL; ?&gt;assets/styles/frontend/js/flowplayer.swf" data-ratio="0.4167"&gt;
          &lt;video&gt;
              &lt;source type="video/flv" src="&lt;?php echo WEB_URL; ?&gt;assets/styles/uploads/videos/&lt;?php echo $rowvid-&gt;v_uploadname; ?&gt;"&gt;
          &lt;/video&gt;
      &lt;/div&gt;
      &lt;div style="float:left; margin-top:15px;"&gt;   
          &lt;div class="clear"&gt;&lt;/div&gt;
          &lt;h1&gt;&lt;?php echo $rowvid-&gt;v_filename; ?&gt;&lt;/h1&gt;
          &lt;p&gt;258 Views&lt;/p&gt;
          &lt;p&gt;&lt;img src="&lt;?php echo WEB_URL; ?&gt;assets/styles/frontend/images/stars_img.png" width="90" height="16" alt="" /&gt;&lt;/p&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The above code dynamically generates my videos, but this is all not working for me anyway.</p>