Comentário: HTML5 fornece o padrão para exibir vídeos. Então, como verificar se o seu navegador suporta reprodução de vídeo? Vamos compartilhar um pequeno exemplo com você. Amigos interessados podem aprender sobre isso.
<strong> Mais e mais sites agora oferecem reprodução de vídeo (não-plug-ins). O HTML5 fornece o padrão para apresentar vídeos. Então, como verificar se o seu navegador suporta reprodução de vídeo? Vamos escrever uma coluna abaixo. </strong>
<! Doctype html public "-// w3c // dtd xhtml 1.0 strict // pt" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<Body>
<h1> html 5 vídeo </h1>
<p> Detecção se o seu navegador suporta vídeos html5: </p>
<div>
<butão> Verifique </button>
</div>
</div>
</body>
</html>
A seguir, o código JS:
função checkVideo ()
{
if (!! document.createElement ('video'). CanPlayType)
{
// Crie elemento de vídeo
var vidtest = document.createElement ("vídeo");
// Detecção se é possível reproduzir vídeos em formato OGG
oggtest = vidtest.CanplayType ('video/ogg; codecs = "Theora, vorbis"');
if (! Oggtest)
{
// Detecção se o vídeo do formato MP4 pode ser reproduzido
h264test = vidtest.CanplayType ('video/mp4; codecs = "avc1.42e01e, mp4a.40.2"');
if (! h264test)
{
document.getElementById ("checkVideorsult"). Innerhtml = "Desculpe. Sem suporte ao vídeo".
}
outro
{
if (h264test == "provavelmente")
{
document.getElementById ("checkVideorsult"). Innerhtml = "Sim! Suporte completo!";
}
outro
{
document.getElementById ("checkVideorsult"). Innerhtml = "Bem. Algum suporte.";
}
}
}
outro
{
if (oggtest == "provavelmente")
{
document.getElementById ("checkVideorsult"). Innerhtml = "Sim! Suporte completo!";
}
outro
{
document.getElementById ("checkVideorsult"). Innerhtml = "Bem. Algum suporte.";
}
}
}
outro
{
document.getElementById ("checkVideorsult"). Innerhtml = "Desculpe. Sem suporte ao vídeo".
}
}
CanPlayType Method Descrição:
1. Definição: detecte se o navegador pode reproduzir o tipo de áudio/vídeo especificado.
2. Valor de retorno:
"Provavelmente" significa que é mais provável que o navegador apoie o vídeo ou o áudio.
"Talvez" significa que o navegador pode suportar o vídeo ou o áudio.
"" (String vazia), significa que o navegador não suporta o vídeo ou o áudio.
Nota: As versões do Internet Explorer 8 e anteriores não suportam esse método.
Sintaxe: áudio | video.CanplayType (tipo))
Descrição do parâmetro:
Tipo: o tipo de áudio ou vídeo a ser detectado,
Valores comumente usados: vídeo/ogg; vídeo/mp4; vídeo/webm; áudio/mpeg; áudio/ogg; Áudio/MP4
Valores comuns (incluindo o codec de áudio ou vídeo a ser detectado):
vídeo/ogg; codecs = "Theora, Vorbis"
vídeo/mp4; codecs = "AVC1.4D401E, MP4A.40.2"
vídeo/webm; codecs = "vp8.0, vorbis"
áudio/ogg; codecs = "Vorbis"
áudio/mp4; codecs = "mp4a.40.5"