Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
Bom dia! Aqui não exibe a legenda no vídeo, o que deu o erro? Segue o html:
Um pouco mais sobre a Apeperia
Rua Vergueiro, 3185 Vila Mariana, São Paulo
(11) 5571-2751 ou contato@apeperia.com
<video src="img/formacao-java.mp4" class="secaoInstitucional-video"controls>
<track src="img/legenda-portugues-brasil.vtt" kind="subtitles" srclang="pt-br" label="Português(Brasil)">
</video>
Oi Lais,
Você está executando o arquivo index.html diretamente no navegador ou rodando pelo servidor localhost (127.0.0.1)?
Pois o browser bloqueia o arquivo de legenda por segurança, veja (executando o arquivo diretamente no navegador):
Executando por localhost:
Oi Marcos, Tudo bem? Sim diretamente no navegador Firefox, e não sei como posso rodar o servidor localhost? Não sou muito boa nisso. Como posso desbloquear dentro do Firefox pra poder navegar c/ legenda? Obrigada! PS: Não consigo carregar imagem aqui =(
Acredito que o jeito mais fácil de rodar o servidor é pelo VS Code, é bem simples, veja:
Nossa! Aqui apareceu ferramenta CC (Português-Brasil) na telinha mas não aparece legenda em português, vc sabe o motivo? Vi aqui VSC, a extensão Live Server já está habilitada. O que era problema mesmo? O pior não sei por que aqui não carrega a imagem q dei print
<video src="img/formacao-java.mp4" class="secaoInstitucional-video"controls>
Bom, vamos ver quais os erros aparecem no console do navegador:
Se aparecer algum erro, posta aqui pra gente continuar investigando.
Oi Marcos, O pior aqui não consigo postar imagem pra vc ver aqui =( Segui seu conselho, mensagem aparecendo no console:
Security Error: Content at file:///C:/Users/yasunak/Desktop/Alura/Acessibilidade/index.html may not load data from file:///C:/Users/yasunak/Desktop/Alura/Acessibilidade/img/legenda-portugues-brasil.vtt.
Vi que ainda não deu certo rodar com um servidor, mas não tem problema, vamos tentar outra solução:
about:config na barra de endereço do Firefox e dê <ENTER>strict_origin_policytrue para definir como false
Isso só funciona no Firefox, o Chrome não permite (pelo menos até onde sei) alterar essas configurações.
Assim que terminar seus estudos, lembre-se de voltar as configurações para os valores originais.
Agora deu certooooooooooooo!!!!! Vc é demais!!! Muito obrigada pela paciência viu!!! Abs
Por nada =)
Gosto muito de ajudar pessoas que não desistem na primeira dificuldade.
Bons estudos
<3<3<3