Modifacion de video HTML5

[EternoNOOB]

hola, estoy haciendo un blogg con temas de VINE y bueno he logrado insertar los vines con la etiqueta <video> y todo normal, pero lo que yo quisiera es hacer que al momento de darle click encima del video este empiece y de la misma manera que al darle click encima del vídeo se detenga el codigo que estoy usando es este:

Código HTML:

<video loop="" preload="auto" poster="https://v.cdn.vine.co/r/thumbs/0ED65EA6641061018251166961664_1b71d945d88.3.2.mp4.jpg?versionId=Tu5xMG7nsC2v.UUyXlhxndEAUNWOWemT">
    <source src="https://v.cdn.vine.co/r/videos/D5FD9D70271061018246347649024_112acb57397.3.2.mp4?versionId=9dyG2hwh4iPYXHYLGOw0wzNYZVGLQT9b" type="video/mp4">
   </video> 

como veran ahi muestra que lo controles estan ocultos... esto con el fin de solo darle click encima del video para el Play y el Pause

asi para que paresca un poco mas a Vine.. espero puedan ayudarme desde ya Gracias!

[LuisUrrutia]

Lo que debes hacer, primero para que aparezcan los controles, es añadirle e atributo controls y para pausar/reproducir el video al hacerle clic, debes utilizar javascript.

Te lo muestro http://jsfiddle.net/pUmfg/