Como pausar um vídeo HTML5 em um evento?

Estou a construir um site com o HTML5 - <video> em fundo de ecrã completo. Há páginas em forma de <div>que se tornam visíveis com o leitor de contêineres SWF neles que causam sérios problemas de desempenho da CPU quando ambos os jogos de mídia. Então eu quero adicionar um simples comando javascript que pára o vídeo de fundo quando um projeto-<div> se torna visível. Seria bom se retomasse novamente a reprodução quando fica fechada/escondida.

Obrigado antecipadamente.

Author: neoflox, 2010-11-11
Source

3 answers

document.getElementById('myvideotag').pause();

Note que não existe método de paragem (). Na função que mostra/esconde o seu DIV, coloque aí a função play/pause.

Mais recursos aqui: http://www.digitaria.com/blogs/html5-video-skinning-tutorial-part-2-play-buttons

 27
Author: Evan Mulawski, 2010-11-11 14:32:39

O meu favorito é um pequeno manipulador de onclick adicionado ao atributo html, assim: 

<video onclick="this.paused? this.play() : this.pause()">
 2
Author: Eugene Sue, 2016-03-16 12:40:18

Uma vez que não existem eventos tradicionais no div hide/show, você tem que jogar() e pausar() o seu elemento de vídeo quando você chama as funções que fazem o seu div aparecer/desaparecer

 0
Author: , 2010-11-11 14:34:08