 |
| Vídeos no site ou blog |
O que é HTML5?
Você depende dele, mas não o vê a olho nu. O
código HTML está presente nas páginas da web há mais de dez anos e tem
uma larga aceitação dos usuários por todo o mundo. Com certeza, qualquer
pessoa que tem uma ligação um pouco mais estreita com computadores e
internet já ouviu falar em HyperText Markup Language (Linguagem de
marcação de hipertexto), ou seja, o HTML. A principal característica
desse tipo de programação são as “tags” – as marcações para inserção de
algum tipo de objeto ou característica de um objeto através de comandos
em inglês e números.Sabendo disso, podemos partir para a nova versão dessa linguagem de marcação de hipertextos. Já na sua quinta forma, o código HTML agora pode ser aproveitado para novas funções que podem beneficiar os desenvolvedores e os internautas. Isso acontece graças ao desenvolvimento quase paralelo da linguagem HTML e o XML. De maneira geral, o código XML é uma linguagem de marcação, assim como a outra já citada, que tem como objetivo principal criar documentos com dados hierarquicamente organizados.
Com essa aproximação das linguagens, muita coisa pode mudar dentro de pouco tempo. Ao que tudo indica, a tão sonhada Web Semântica de Tim Berners-Lee está no caminho de acontecer e o HTML 5 pode ajudar bastante a chegar lá. Como pode observar, o sistema de divisão de marcações é todo feito por tags. Nessa nova linguagem, algumas dessas “etiquetas de marcação” mais objetivas. De modo geral, com essas e as outras novidades, será muito mais fácil navegar pela Internet!
E o que muda?
Se você possui um perfil um pouco mais ligado às novidades tecnológicas, sentirá boas diferenças ao navegar pela Internet. Isso porque o HTML 5 irá facilitar muito a vida de todos nós – quer sejamos desenvolvedores ou apenas usuários. Para os desenvolvedores, fica mais rápido produzir sites cada vez mais fáceis e limpos para que os usuários possam aproveitar ao máximo cada uma dessas melhorias.
Você irá notar que colocar vídeos do YouTube no seu site ou blog ficará cada vez mais simples, assim como os conteúdos específicos direcionados para você que está procurando por uma padaria ou locadora de filmes pelo navegador do seu smartphone. Os conteúdos possuem a tendência de serem convergentes, assim como a linguagem de programação. O HTML 5 vem exatamente para facilitar esse processo!
Aprenda a inserir um vídeo em um site utilizando a tag EMBED.
Saber diversificar o conteúdo em uma
publicação ou em uma homepage de um site é extremamente importante, e
você, programador ou aventureiro da programação quer saber como inserir
um vídeo por HTML, não é mesmo? Neste tutorial você vai ver que realizar
esta tarefa é muito mais fácil e simples do que parece.
Tudo o que precisamos saber para podermos inserir um vídeo em nosso site é sobre a tag EMBED, que tem como função permitir que o programador vincule documentos de qualquer tipo, que estão no seu computador, dentro de uma página HTML. Geralmente a tag também é utilizada para inserir, além de vídeos, áudios, PDF’s e outros arquivos que não serão alterados com frequência dentro do site.
Como utilizar esta tag no meu código?
É simples, para colocar um vídeo que está no seu computador dentro do seu site, basta utilizar esse trecho de código e substituir a parte destacada entre aspas pelo nome do seu próprio arquivo:
<embed src: vídeos.wma>
Tudo o que precisamos saber para podermos inserir um vídeo em nosso site é sobre a tag EMBED, que tem como função permitir que o programador vincule documentos de qualquer tipo, que estão no seu computador, dentro de uma página HTML. Geralmente a tag também é utilizada para inserir, além de vídeos, áudios, PDF’s e outros arquivos que não serão alterados com frequência dentro do site.
Como utilizar esta tag no meu código?
É simples, para colocar um vídeo que está no seu computador dentro do seu site, basta utilizar esse trecho de código e substituir a parte destacada entre aspas pelo nome do seu próprio arquivo:
<embed src: vídeos.wma>
Pronto, seu vídeo já está no site. Agora
precisamos definir algumas coisas como largura e altura. Para isso,
vamos entender um pouco sobre esses atributos que podemos usar nessa
tag, os quais são os seguintes:
- height - que é a altura do nosso player em pixels;
- width - que é a largura do nosso player em pixels;
- src - que é o local do nosso arquivo (vídeo), ou seja, a fonte do vídeo; e
- autoplay - aqui vamos definir se nosso vídeo vai começar assim que o usuário abrir a pagina ou só quando apertar play.
<embed src: vídeo.wma width: 850px; height: 480px>
850x480 são aproximadamente as medidas em vídeos do YouTube e são as que escolhemos aqui, no entanto,
você pode usar o tamanho que quiser e que melhor couber em seu design.
Caso você queira que o vídeo toque automaticamente quando o usuário
abrir a página em questão, basta utilizar o atributo autoplay, que
forçará um play no vídeo sempre que a página for carregada. Os valores
deste atributo são do tipo booleano, ou seja, eles podem ser false ou
true (verdadeiro ou falso), como queremos que esta opção seja ativada,
vamos usar “true”.
<embed autoplay=”true” src=”vídeo.wma” width= “850” height=” 480>
Assim como mostramos aqui, da mesma maneira
funciona o código para você inserir um arquivo de música, PDF, MIDS, ou
qualquer outro arquivo com qualquer outra extensão.
E um vídeo do YouTube, como eu insiro?
É ainda mais fácil, basta clicar com o botão direito do mouse sobre
qualquer vídeo do YouTube e então clicar em “Copiar código de
incorporação”. O código será parecido com o mostrado abaixo:
<iframe width="640" height="360" src="https://www.youtube.com/embed/DwghBQJU-bo" frameborder="0" allowfullscreen>
Tudo o que precisa fazer é colar este
pedaço de código no seu projeto.
Pronto! Agora você já sabe como inserir qualquer tipo de mídia em seu
código de programação.
Fonte:
Nenhum comentário:
Postar um comentário