English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manual de referência HTML

Catálogo de etiquetas HTML

Áudio HTML/Evento play do DOM de vídeo

O evento play é acionado no início da reprodução.

Áudio HTML/Manual de Referência DOM de Vídeo

Exemplo online

Exibe uma mensagem de aviso ao começar a reprodução do vídeo:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Áudio HTML/Uso do evento onplay do vídeo-Tutorial Básico(oldtoolbag.com)</title>/title>
</head>
<body>
<p>Pressione o botão de reprodução.</p>
<video id="myVideo" width="320" height="176" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Seu navegador não suporta HTML5 Etiqueta video.
</video>
<script>
var vid = document.getElementById("myVideo");
vid.onplay = function() 
{
    alert("O vídeo começou a reproduzir");
};
</script> 
</body>
</html>
Teste e veja ‹/›

Definição e uso

O evento play é acionado no áudio/O evento é acionado ao começar a reprodução do vídeo (audio)./O evento play é acionado ao começar a reprodução do vídeo.

Dica:  Pausar O evento é acionado no áudio/O evento é acionado ao começar a reprodução do vídeo (audio)./O evento é acionado ao pausar a reprodução do vídeo (audio).

Compatibilidade de navegadores

IEFirefoxOperaChromeSafari

Sintaxe

No HTML:

<audio|video onplay="myScript">Experimente

No JavaScript, use o método addEventListener():

audio|video.addEventListener("play", myScript);Experimente

Atenção: Internet Explorer 8 e versões mais antigas do IE não suportam addEventListener() Métodos.

Detalhes técnicos
Etiquetas HTML suportadas:<audio> e <video>
Objetos JavaScript suportados:Áudio, Vídeo

Exemplo online

Exibe uma mensagem de aviso ao começar a reprodução do áudio:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Áudio HTML/Uso do evento play do vídeo-Tutorial Básico(oldtoolbag.com)</title>/title>
</head>
<body>
<p>Pressione o botão de reprodução.</p>
<audio id="myAudio" controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
  Seu navegador não suporta o elemento audio.
</audio>
<script>
var aud = document.getElementById("myAudio");
aud.onplay = function() 
{
    alert("O áudio começou a tocar");
};
</script>
</body>
</html>
Teste e veja ‹/›
Áudio HTML/Manual de Referência DOM de Vídeo