title: unable to pause video via jquery in mobile
body: <p>Below is code i am using to play and pause video, it works fine in my desktop</p>
  
  <p>when we click vidoe it opens and plays in fullscreen when press again vidoe should get paused with alert messaged pause .</p>
  
  <p>when i play it in my andorid browser unable to get alert message </p>
  
  <p>link :<a href="http://liveweave.com/miaQVr" rel="nofollow">http://liveweave.com/miaQVr</a></p>
  
  <p>Js code:</p>
  
  <pre><code>/* Write JavaScript here */     
  $(document).ready(function() {
              var v = document.getElementById("myVideo"); 
              $('#myVideo').on('click', v, function (e) {
                  if (v.paused === false) {
                      v.pause();
                    alert("pause");
                  } else {
                      v.webkitEnterFullscreen();
                      v.play();
                  }
                  return false;
              });
          });
  </code></pre>
  
  <p>html code:</p>
  
  <pre><code>&lt;script src="http://code.jquery.com/jquery-1.11.2.min.js"&gt;&lt;/script&gt;
  &lt;video width="80%" height="auto" controls="controls" id="myVideo"&gt;
                  &lt;source src="http://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4" /&gt;
  &lt;/video&gt;
  </code></pre>