sexta-feira, 25 de setembro de 2009

Vídeos do Blogger em Tela Cheia

Olá gente! Vim ensinar pra vocês como colocar Tela Cheia no Blogger! Só que é meio chato. Essa não é uma opção padrão do Blogger. É como o Kazuki de Busou Renkin disse: "Se você não tem uma opção, crie uma". O tutorial será explicado utilizando o Mozilla Firefox, mas o processo no Internet Explorer é semelhante.

Ok, vamos lá. A primeira coisa a se fazer é entrar na página do post que tem o vídeo.



Certo. Entrou né? Beleza. Agora, vamos colocar a mão na massa. Vá em "Exibir > Código Fonte".



E agora? Duuh! Agora clique né! Se você usa Firefox, vai abrir uma janelinha com o Código Fonte da página. Se usa Internet Explorer, vai abrir um arquivo do Bloco de Notas.



Beleza. Agora, aperte CTRL+F (aperte a tecla CTRL, fique segurando, e enquanto segura, aperte a tecla F) para abrir uma janela de busca e nela, digite isso:
value="http://www.blogger.com/img/videoplayer.swf
Oks tio. Digitou? Ótimo. Ele vai te levar até um certo trecho certo? Vide imagem.



Pois é. Depois de value= você nota que ele abre aspas certo? Selecione todo o conteúdo que está dentro dessas aspas como na imagem a seguir:



Esse trecho que você selecionou, é um link. Sim, um link. Um link bem grandinho aliás né?! Esse link vai te levar a página daquele vídeo em Tela Cheia. Isso mesmo. Ele é o link do vídeo em Tela Cheia! Então, trate de copiá-lo!



Muito bem. Copiou né? Ótimo. O chato desse método é que pra cada vídeo, você vai ter que fazer isso. Não demora muito, mas é um saco. Voltando ao assunto, pronto, você tem o seu link em mãos. E agora? Agora consideremos duas situações.

Você é um visitante do blog:
Simplesmente cole o link no seu navegador e entre nele. Uma boa também é colocar seu navegador em modo Tela Cheia (geralmente o atalho é a tecla F11).

Você é o administrador/autor do blog:
Depois de copiar o Link, vá em "Editar Postagens", e clique em "Editar" do lado da postagem do vídeo. Vamos considerar mais duas situações:

Você edita suas postagens no modo "Escrever":
Após o vídeo, adicione um texto ou uma imagem para ser o "botão" para assistir o vídeo em tela cheia. A seguir, selecione o texto ou a imagem e clique em "Link" nas ferramentas (). Então, é só colocar o link lá e clicar em "Ok"!

Você edita suas postagens no modo "Editar HTML":
Após o vídeo, adicione a seguinte tag HTML:

<a href="LINKCOPIADO">TEXTO</a>

Ou essa para abrir o vídeo desejado em uma nova janela:

<a href="LINKCOPIADO" target="_blank">TEXTO</a>

Onde tem LINKCOPIADO, coloque o link que você copiou anteriormente.

Onde tem TEXTO, coloque um texto que indique que é pra assistir em Tela Cheia, como "Assistir em Tela Cheia" ou "Tela Cheia". Ou então, você pode utilizar uma imagem. Apenas troque o TEXTO por essa tag:

<img src="DIRECTLINK/">

Sendo DIRECTLINK o lugar onde você deve colocar o link direto para a sua imagem.

@EDIT: Ueba, esse tuto não é mais necessário, porque o Blogger mudou de Player :D

2 comentários:

Tiago disse...

É, vi que alguns leitores tiveram problemas com o tutorial e resolvi detalhar mais.

Fico feliz que tenha conseguido ^^

Tial :D

Éverson disse...
Este comentário foi removido pelo autor.