title: Clicking on video to play it HTML5/CSS3
body: <p>Hi there guys just wondering if it is possible to click a video in HTML5 for it to play? </p>
  
  <p>What I mean is, on the video not a separate button to stop and play the video, like on you tube for example. </p>
  
  <p>Cheers</p>
  
  <p>Here is my code..</p>
  
  <pre><code>&lt;div style="text-align:center"&gt; 
    &lt;button onclick="playPause()"&gt;Play/Pause&lt;/button&gt; 
    &lt;button onclick="makeBig()"&gt;Big&lt;/button&gt;
    &lt;button onclick="makeSmall()"&gt;Small&lt;/button&gt;
    &lt;button onclick="makeNormal()"&gt;Normal&lt;/button&gt;
    &lt;br&gt; 
    &lt;video id="video1" width="1250"&gt;
      &lt;source src="pjds.mp4" type="video/mp4"&gt;
      &lt;source src="pjds.ogg" type="video/ogg"&gt;
      Your browser does not support HTML5 video.
    &lt;/video&gt;
  &lt;/div&gt; 
  
  &lt;script&gt; 
  var myVideo = document.getElementById("video1"); 
  
  function playPause() { 
      if (myVideo.paused) 
          myVideo.play(); 
      else 
          myVideo.pause(); 
  } 
  
  function makeBig() { 
      myVideo.width = 1250; 
  } 
  
  function makeSmall() { 
      myVideo.width = 420; 
  } 
  
  function makeNormal() { 
      myVideo.width = 560; 
  } 
  &lt;/script&gt; 
  </code></pre>