Reproducir / pausar vídeo HTML 5 usando jQuery

Así es como me las arreglé para hacer que funcione:

jQuery( document ).ready(function($) {
    $('.myHTMLvideo').click(function() {
        this.paused ? this.play() : this.pause();
    });
});

Todas mis etiquetas HTML5 tienen la clase 'myHTMLvideo'

Puedes hacer

$('video').trigger('play');
$('video').trigger('pause');

¿Por qué necesita usar jQuery? La solución propuesta funciona, y probablemente sea más rápida que construir un objeto jQuery.

document.getElementById('videoId').play();

Para pausar varios videos he encontrado que esto funciona muy bien:

$("video").each(function(){
    $(this).get(0).pause();
});

Esto se puede poner en una función de clic que es bastante útil.

Como una extensión de la respuesta de lonesomeday, también puede usar

$('#playMovie1').click(function(){
    $('#movie1')[0].play();
});

Observe que no hay ninguna función get() o eq() llamada a jQuery. Matriz de DOM utilizada para llamar a la función play (). Es un atajo a tener en cuenta.

Me gusta este:

$('video').click(function(){
    this[this.paused ? 'play' : 'pause']();
});

Espero que ayude.

Uso FancyBox y jQuery para incrustar un video. Dale una identificación.

Tal vez no la MEJOR solución podría alternar reproducir/pausar de manera diferente - pero fácil para mí y FUNCIONA! :)

En el

`

<input type="hidden" id="current_video_playing">

<input type="hidden" id="current_video_status" value="playing">

<video id="video-1523" autobuffer="false" src="movie.mp4"></video>

<script>

// Play Pause with spacebar

$(document).keypress(function(e) { 

    theVideo = document.getElementById('current_video_playing').value

    if (e.which == 32) {

        if (document.getElementById('current_video_status').value == 'playing') {

            document.getElementById(theVideo).pause();

            document.getElementById('current_video_status').value = 'paused'

        } else {

            document.getElementById('current_video_status').value = 'playing'

            document.getElementById(theVideo).play();

        }

    }

});

</script>`

Como nota, asegúrese de verificar si el navegador admite la función de video, antes de intentar invocarla:

if($('#movie1')[0].play)
    $('#movie1')[0].play();

Eso evitará errores de JavaScript en navegadores que no admiten la etiqueta de video.

Use esto.. $('#video1').attr({'autoplay':'true'});

También hice que funcionara así:

$(window).scroll(function() {
    if($(window).scrollTop() > 0)
        document.querySelector('#video').pause();
    else
        document.querySelector('#video').play();
});

@loneSomeday lo explicó maravillosamente, aquí una solución que también podría darle una buena idea de cómo lograr la funcionalidad de reproducción/pausa

Reproducir / pausar el video al hacer clic

Mediante jQuery usando selectores

$("video_selector").trigger('play');  
$("video_selector").trigger('pause');
$("div.video:first").trigger('play');$("div.video:first").trigger('pause');
$("#video_ID").trigger('play');$("#video_ID").trigger('pause');

Por Javascript usando ID

video_ID.play();  video_ID.pause();

O

document.getElementById('video_ID').play();  document.getElementById('video_ID').pause();

<video style="min-width: 100%; min-height: 100%; " id="vid" width="auto" height="auto" controls autoplay="true" loop="loop" preload="auto" muted="muted">
<source src="video/sample.mp4" type="video/mp4">
<source src="video/sample.ogg" type="video/ogg">
</video>
<script> 
$(document).ready(function(){
document.getElementById('vid').play(); });
</script> 

Estos son los métodos fáciles que podemos usar

En la función de clic del botón de jquery

$("#button").click(function(event){
    $('video').trigger('play');
    $('video').trigger('pause');
}

Gracias