Incorporação de vídeos externos - @Curso em Vídeo HTML5 e CSS3

Já chegamos aqui a mais um vídeo do seu Capítulo 11 do material em PDF abra ele não dá uma olhada em mais algumas informações sobre como inserir vídeos aos nossos sites e E aí E aí [Música] o Olá tudo bem com você seja bem-vindo seja bem-vindo a mais uma aula do seu curso de html com CSS mas ainda estamos falando sobre mídias já te ensinei como colocar vídeos hospedados na sua própria hospedagem no seu próprio servidor já discutimos no final do vídeo anterior se você não viu assiste foi o finalzinho do vídeo nós discutimos sobre

custos se você utilizar a técnica que eu te ensinei anteriormente você pode e provavelmente vai gerar um custo elevado para o seu cliente e aí vem a solução O que é colocar vídeos do a forma que eu vou te ensinar nesse vídeo daqui mais veja os vídeos anteriores sobre né inserção de vídeos no seu o seu site em HTML antes de começar a ver essa técnica daqui Fechou então vamos para o computador que eu vou te mostrar até onde a gente chegou e o recado dessa vez é mais uma vez da nossa querida patrocinadora hostnet

e o que eu vim falar que hoje é um recado muito especial para você que já tá querendo Criar o seu próprio site já um tempão provavelmente pode estar fazendo esse curso na intenção de criar seu próprio site Ah mas está vendo que aprender a criança isso é uma coisa da noite para o dia que realmente não é mas saiba que se você tiver precisando de ajuda na construção do seu site se quiser deixar ele nas mãos de profissionais gabaritados a Rússia Net Pode criar esse site para você isso porque ela é uma empresa especializada

em hospedagem de sites e também nas ferramentas WordPress WordPress com o come-se e o outro parece com o nome Dash não sei se você sabe o WordPress é para criar sites o comece para criar lojas e o Nordeste para a criação de plataformas educacionais online E além disso também é especializada em uma ferramenta de automação de marketing que é o mautic que se você tiver precisando de qualquer um desses serviços é só entrar em contato com a Rosinete lá nesse link aqui você pode também entrar em contato tem uma área aí para você entrar em

contato com um dos nossos representantes e eles vão te dar um orçamento para transformar esse seu sonho em realidade tudo por um preço justo feito e obrigado Rosinete pelo apoio e guarde na sua mente essa possibilidade essa oportunidade que a Rússia nesta trazendo para você e vamos voltar para a aula hoje A vitória só já coloquei aqueles vídeos Inclusive eu adicionei ó além de contra os botei auto-play que não tá funcionando no meu navegador de jeito nenhum ilupi né que quando eu dou Play aqui ó ele vai começar a reproduzir o look Quando ele chegar

aqui no final deixou avançar quando eu chegar no final ele volta mas voltar pro início certo então vai ficar indo bem aí o Lucas tá funcionando o auto-play de jeito nenhum e também te ensinei a utilizar o posto o grande problema que a gente viu na aula anterior né no vídeo aqui isso daqui pode tirar um custo muito grande você começa a trabalhar com muitos arquivos cada vídeo que o seu cliente estivesse vai ter que Botar em cada um dos padrões para manter compatibilidade com todos os navegadores enfim vai dar um trabalho desgraçar E aí

eu vou te mostrar uma outra técnica que é adicionando o vídeo de serviços de vídeo serviço de hospedagem de vídeo Vamos começar com um bem conhecido Provavelmente você me conhece dilata é o YouTube você consegue colocar qualquer vídeo no YouTube dentro do seu site de maneira muito simples para fazer isso eu vou fazer uma música qualquer no YouTube aqui vou tá aqui animation O que é muito legal procura por Animation Bill você vai ver algumas animações bem interessante eu gosto desse daqui ó eu quero em Ação dois de cara o cara vai fazendo né a

física age em fim a esse objetivo tá tocando com pãozinho só dar uma diminuída aqui para poder falar contigo enfim tá lá beleza então cara tem lá o cara um animador conceituar e tudo mais e eu quero colocar esse vídeo aqui dentro do meu site então Infelizmente vou pegar o Paulo aqui não precisa pausar Mas enfim tá lá eu vou fazer o seguinte aqui ó clica aqui compartilhar Quando você clicar em compartilhar ele vai te dar várias opções Quero compartilhar no Facebook no Twitter no blog no Tumblr no Rede Se Quiser copiar só o link

tá aqui ó pode comprar só o link mas o mais interessante esse aqui ó incorporar Quando você clicar em incorporar ele já vai montar um código HTML para você se você quiser você pode andar configurar outras coisas né com por exemplo largura altura Em que momento que você quer começar do vídeo mostrar os controles no player Ativar o modo de privacidade aprimorada enfim eu não vou fazer nada eu simplesmente vou pegar aqui ó em copiar perto ele e também no final Só fiquei em copiar vou voltar aqui no meu HTML daquele exercício anterior que é

esse cara aqui e vou adicionar que depois do vídeo mais uma dá um outro aqui ó inserindo vídeos no YouTube eu vou te mostrar que dá para ver vídeo no YouTube como só colar contra o certo aqui dá para você mudar se você quiser a largura né em vez de 500 vou botar isso aqui também 560 para ficar no padrão tá lá 560 largura e aqui 560 a rua também quando você der dormir Flash olha ele já carregou Já tenha também já tem um Player já tem tudo cara isso daqui quando você aperta play aqui

ó você está consumindo agora acabei de começar a consumir dados no meu ser de novo não sei que tiver hospedado que eu tô consumindo nada né o qualquer visitante quando o cara aperta aqui ó ele não tá consumindo dados do teu servidor e tá consumindo dados lá do YouTube tá então assim a gente recomenda a bastante tinha o teu cliente Além de usar é o site dele né usar o YouTube para facilitar para economizar o YouTube cara lembro que eu já falei várias a máquina Branca expulso maior buscador do mundo o Google o segundo maior

buscador do mundo é o YouTube então se você cria um site para o seu cliente e o vídeo do seu cliente está além de no site também no YouTube isso amplia ainda mais a visualização abrangência que o algoritmo do Google vai dar e você sabe YouTube também é do Google é da alphabetical grande grupo que toma conta do Google hoje em dia então assim é muito importante que o seu cliente eu você mesmo né enquanto a desenvolvendo crie o seu próprio canal no YouTube para você subir o vídeo vai poder pegar qualquer vídeo daquele formato

ali inclusive o m4v é o mais recomendável que a gente tira lá no break para você pega Qualquer vídeo que você produziu muito cuidado com direitos autorais principalmente lá no YouTube que ele pega não use vídeo sem direito autoral seu né os vídeos próprios ou Vídeos livres Suba no YouTube e aí você vai poder com corporal dentro do seu site de forma simples claro que o seu vídeo também vai ficar aberto para qualquer pessoa assistir só que existem alguns casos como por exemplo já estudou na alta o estudo nada é como se fosse o fim

vídeo tem vários cursos inclusive esse curso Aqui também tá saindo só que eu não quero que o vídeo fique público eu não quero que qualquer pessoa possa ver eu quero somente pessoas assinantes possam ver aí o YouTube não vai se atender às vezes tem vários outros serviços vários outros sites que vão te promover isso não permite você hoje que dá o site o vídeo não desculpa não pediu para mim aqui você hospedar o vídeo e limitar para que somente pessoas assinantes possam ver o serviço que eu uso no estudo do Nauta é o vídeo dá

uma olhadinha aqui Eu uso esse serviço aqui ó vinho Ah tá é o vinho ele é tipo YouTube só que ele permite que você escolha quero deixar livre eu posso deixar livre a Não não quero deixar livro quero deixar privado você também pode deixar privado você dá uma entrada aqui para eu ir para interface completa tá inclusive você tem preços aqui e não são baratos não é nenhum absurdo mas também não são baratos Não é para levar para o serviço ti eu utilizo é esse daqui o business curta $50 uma vez só que a fatura

é anual então ele vai pegar a cada uma facada de grana que eu recebo uma vez por ano para poder manter essa essa o estudonalta não há eu tenho que pagar isso é isso é né padrão eu sou obrigado a fazer isso no vinho massolino também tem aqui ó aqui ó assistir eu posso procurar que em cima Animation Rio na verdade esse artista que eu coloquei aqui do vídeo no YouTube ele já tem também aqui ó quando eu abrir esse vídeo que a gente tava assistindo ele tem ao a localização original dele é do Vime

tá então ele tem um canal e ouvindo aqui é amarelo ouvir meu ele tem algumas vantagens e algumas desvantagens a principal vantagem é na qualidade de vídeo a qualidade do vinho Ela É Sensacional é muito boa mas tem uma grande desvantagem o algoritmo dele não é tão bom quanto no YouTube que ele tem ótima qualidade mas o codec dele não é tão bom então o vídeo acaba dando umas travadinhas essa tua internet não foi muito boa a internet do seu cliente então tem que pesar isso tudo mas eu quero colocar um vídeo do vídeo beleza

quero colocar só você vir aqui no vídeo e clicar aqui compartilhar se o dono do vídeo deixou né agora que já tinha compartilhar e aqui eu tenho incorporação com algumas configurações extras era isso mostrar opções eu consigo botar tamanho fixo 640 por 360 no meu caso aqui foi meu HTML foi 600 560 de largura Vamos colocar aqui em 60 ela também como pegar aqui Eu quero novinho 560 565 álculo aqui o outro posso colocar muda acordo aqui ó tá vendo aí tá azulzinho né Rio Rio 2016 Azul posso botar Azul posso botar laranja posso botar

Verde posso botar a Rosa que eu botei no estudam alta né que tem o rosa mais negócio vou colocar laranja também posso mudar para aparecer o retrato do artista não quero retrato do artista não quero título quero só o nome dele não quero título e o nome dele beleza eu quero sim quero reproduzir automaticamente ou não repetição tá vendo tenho muito mais outros sonhos aqui no Vimeo perto para eu depois que eu fiz todas as configurações eu clico aqui ó já cliquei já Seleção no tudo do contra você mesma coisa vamos ver aqui H1 inserindo

vídeos do vinho e vou colar controle ele já colocou um parágrafo com o link com tudo mais aqui eu vou até tirar essa parte que legal quando eu quando eu for atualizar meu site você vai ver que ele vai criar um link embaixo quer ver ela já inseri do YouTube isso aí no vídeo tá na mesma coisa só que eu não quero essa parte aqui debaixo é só você vir aqui no código que não usam child could aparece parágrafo do finalzinho e acrescenta para você sem problema sem estresse já sumiu Então vou dar play aqui

da tua aqui ó ó é você percebe aqui não dá para perceber muito ainda tô gravando a tela Mas você percebe que o vídeo do vinho ele é um pouco mais fluido a exibição de cores é um pouco melhor mas enfim não é tanta diferença assim que faça valer a pena pagar só por isso mas se o seu cliente quer usar de forma profissional é precisa limitar a fazer uma que quando eu pausei não apareceram outros vídeos o canal Mas eu não quero outro jeito que talvez você de pausa aqui no YouTube aparece o vídeo

do concorrente do seu cliente já complica mais ainda aqui você tem mais personalização no Vimeo que talvez seja uma ótima opção aí para você utilizar no seu site no seu serviço beleza mas a inserção de vídeos essa daqui consome o seu próprio serviço de hospedagem e esses dois aqui consome o serviço do YouTube do reino respectivamente E aí eu já tô vendo quando você assina a banda de transferência ela é limitada única alimentação que eu tenho novinho é que eu tenho um número limitado de vídeos para subir no quantidade de É para subir para mim

o consumo mensal ele é ilimitado e tem um monte de serviço de hospedagem de vídeo que tem limitação de banda então faça uma consulta ao uso rímel que foi que eu coloquei ali YouTube somente se você tem que tiver a plena consciência de que qualquer pessoa vai poder ver seu vídeo se você está pensando assinar não mas eu tenho experiência no YouTube eu coloco o vídeo lá como não estado e aí o cara não tem acesso tem acesso ele não tem acesso a busca do YouTube mas ele tem acesso a incorporar ouvir em qualquer site

tá então a pirataria vai começar a rolar solta a gente se o teu serviço não tiver a coisa como eu tenho do Nauta que eu não quero pessoas que esteja de Fora posso assistir o vídeo foi dentro da minha pesquisa de alguns anos é o serviço que me atende melhor é só uma dica me isso Você tem algum outro melhor já usa bastante tempo parabéns você não tem verifica aí a possibilidade ou começa a se você tá estudando somente começa no YouTube já que no seu canal tenta fazer upload de um vídeo e incorporar o

vídeo dentro do seu site fechou mas sempre com muita atenção direitos autorais YouTube não perder os direitos autorais tá perdendo o seu canal puratitude que você tá tomando hoje amanhã pode ser que você pague por essas atitudes muita atenção aí fechou três coisas que todo produtor de conteúdo sempre pede e comigo não vai ser diferente se você está gostando desse curso ou de qualquer outro curso ou um vídeo do canal do curso em vídeo não se esquece sempre de deixar o seu like deixa também um comentário de incentivo ou até mesmo comentário de dúvida Isso

facilita muito o algoritmo do YouTube saber que você tá gostando que te oferecer mais e mais conteúdos nossos e não se esquece também de se inscrever no canal e agora até o sistema de inscrição mudou um pouquinho para que você abrir o Sininho você tem que dizer que quer receber todas as notificações ajuda aí o canal do curso em vídeo A continuar relevante pra galera de tecnologia e a gente continua daqui produzindo vídeos de qualidade Então é isso meu querido é isso minha querida a gente encerra que a discussão sobre vídeos sobre áudios sobre mídias

dinâmicas e no próximo vídeo A gente vai ver alguns desafios que eu fiz Oi e aí a gente vai começar a resolver esses desafios a gente dar prosseguimento aí aos nossos estudos Beleza então é isso um grande abraço treina aí passa seus testes com vinho com YouTube um vídeos hospedados selfie ulster né como a gente chama e a gente vai continuar aprendendo bastante HTML e CSS no próximo capítulo a gente já começa a falar sobre isso SS jamais antes faz um desafio sair que a gente vai te indicar no próximo vídeo Um grande abraço e

até já tchau