Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá, estou com problemas para fazer com que o IE 8 ou inferiores leiam audios e videos em html5, vejam o codigo abaixo, o que estou fazendo de errado?
<!DOCTYPE html>
<html>
<head>
<title>Titulo do site</title>
<meta charset="UTF-8">
<meta name="description" content="Descrição do site">
<meta name="robots" content="index, follow" >
<link rel="stylesheet" href="estilo.css">
<link rel="shortcut icon" href="favicon.ico">
<meta name="viewport" content="width=device-width,initial-scale=1">
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<video controls>
<source src="video.mp4" type="video/mp4">
</video>
<audio controls src="audio.mp3"></audio>
</body>
</html>eu tentei mais dessa forma ai alem de não aparecer nada no ie8 somente no codigo fonte mais na exibição não aparece nada <_<
Conhece algum site que rode audios em html5 online facil de olhar o codigo fonte talvez me ajude
Bobrinha,
A tag source (dentro de video) não funciona no IE8 pra baixo, o certo é você estruturar um embed dentro de vídeo. Exemplo:
<video controls>
<source src="video.mp4" type="video/mp4">
<embed src="video.mp4"></embed>
</video>Veja se isso resolve seu caso.
Pra questão do áudio é a mesma coisa, mas você precisa estruturar o embed fora de áudio (apesar que você pode fazer essa mesma estrutura também pro vídeo, mas vai precisar de um pouco de JS).
Veja:
<audio controls src="audio.mp3"></audio>
<embed src="audio.mp3"></embed>Obs.: Dentro do embed, você pode adicionar propriedades como loop, autostart, e etc...
Ai que vem o problema... Os browsers mais recentes vão executar o audio e também o embed, então é ai que entra o JS pra anular com que os browsers indevidos leiam o embed.
Exemplo (retirado do StackOverflow):
function getInternetExplorerVersion()
{
var rv = -1;
if (navigator.appName == 'Microsoft Internet Explorer') {
var ua = navigator.userAgent;
var re = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");
if (re.exec(ua) != null)
rv = parseFloat(RegExp.$1);
}
return rv;
}
var browserVer = getInternetExplorerVersion();
if (browserVer > -1 && browserVer < 9) {
document.getElementById('id_do_embed').play(); document.getElementById('id_do_audio').play();
}Teste ai e veja se funciona, abraços!
tenta assim, no caso o audio:
o vídeo parece estar certo, pode ser que falte outros formatos...