Hugo7
Ómicron
Verificación en dos pasos activada
Usuário popular!
Trago para vocês outro minitutorial, para ter Vídeos no Seu Site, mas que NÃO tenham links para o Youtube...
Tudo isso para alcançar os seguintes objetivos...
✔ Não perder o tráfego.
✔ Reter os usuários por mais tempo.
MÉTODO N°1:
Para conseguir isso, você deverá usar a plataforma Blogger, que como todos sabem é 100% gratuita...
No entanto, os vídeos enviados poderão ser usados no Wordpress, em qualquer outra plataforma e até em Landing Pages...
Basta seguir os passos abaixo, é muito fácil (requer conhecimento básico de HTML):
1. Crie um blog se você ainda não tem um, e crie uma nova postagem.
2. Clique no ícone de vídeo para enviar um vídeo do seu PC...
3. Depois que o envio terminar, publique essa postagem e volte à página principal.
4. Para ver o blog publicado, clique em "ver Blog"...
5. Depois que a página carregar, clique no vídeo para que ele carregue por completo (depois você deverá pará-lo).
6. E você deverá "inspecionar elemento" para copiar a URL do vídeo, que fica dentro de um iframe...
7. Pronto, com essa URL do vídeo copiada, você poderá aplicá-la no seu próprio iframe; por exemplo, pode usar o código a seguir...
2. Clique no ícone de vídeo para enviar um vídeo do seu PC...
3. Depois que o envio terminar, publique essa postagem e volte à página principal.
4. Para ver o blog publicado, clique em "ver Blog"...
5. Depois que a página carregar, clique no vídeo para que ele carregue por completo (depois você deverá pará-lo).
6. E você deverá "inspecionar elemento" para copiar a URL do vídeo, que fica dentro de um iframe...
7. Pronto, com essa URL do vídeo copiada, você poderá aplicá-la no seu próprio iframe; por exemplo, pode usar o código a seguir...
HTML:
<iframe width="640" height="360" style="background-color:#000000;" src="URL_DEL_VIDEO" frameborder="0" allowfullscreen=""></iframe>Com isso você conseguirá ter vídeos (até em HD) mas que NÃO apontem para o Youtube...
Um detalhe: se você enviar um vídeo em HD, ele é reconhecido, sim, mas esse processo demora alguns minutos...
No começo você verá os vídeos em 320p, mas depois de alguns minutos, já vai vê-los em HD!
MÉTODO N°2:
[table="class: grid"]
[tr]
[td="bgcolor:#FFFFAA"]
NOTA: Se você usar este método, leve em conta que a URL do vídeo ficará disponível só por 24 horas!
Algumas soluções para continuar usando este método:
1. Aplicar este método em páginas que Não precisem ficar online por mais de 24 horas.
2. Usando este método, obter manualmente a URL todos os dias e atualizar a sua página web.
3. Criar um Script e um "Cron jobs" no seu servidor, para que ele faça isso automaticamente:
a. Obter a URL do vídeo, usando estes serviços ou algum parecido.
b. Publicar a URL onde for preciso, para que esteja sempre atualizada.
b. Publicar a URL onde for preciso, para que esteja sempre atualizada.
Este último método (#3) exige saber programação e administração de servidores...
Ou, se valer a pena, você pode contratar um programador experiente que ajude com isso.
[/td]
[/tr]
[/table]
Este método consiste em criar uma tag de vídeo (de HTML5) com a "URL do vídeo" que queremos mostrar...
Mas antes de continuar, é preciso deixar algo claro, para que não haja confusão...
1. Endereços como este "" são a URL de uma página web e Não são uma URL de vídeo!
2. O Youtube esconde a URL dos vídeos dentro da sua página web...
3. O truque é conseguir esses endereços "diretos" para os vídeos, para aplicá-los no nosso site...
Continuemos...
Para obter os endereços diretos para os vídeos, você pode usar sites como os seguintes...
1. [url]https://www.apowersoft.com/online-video-downloader[/URL]
2. https://www.onlinevideoconverter.com/video-converter
E em vez de "baixar o vídeo", você deverá "copiar o endereço do link"...
Ah! Cada vídeo, por sua vez, tem diferentes qualidades (baixa qualidade, HD, etc) e diferentes endereços URL...
Depois que temos o endereço copiado na memória, ou na "Área de transferência do Windows"...
Temos que colar esse endereço URL do vídeo no seguinte código de exemplo...
HTML:
<video controls src="AQUI_VA_LA_URL_DEL_VIDEO"></video>Levem em conta que, se escolherem a URL de um vídeo de alta qualidade (1080p)...
O vídeo vai demorar mais tempo para carregar do que se escolherem a URL de um vídeo de baixa qualidade...
No entanto, os vídeos de "baixa qualidade" costumam ficar bons em dispositivos móveis...
ISSO vocês deverão avaliar, conforme forem testando.
Sobre a tag VIDEO do HTML5:
Esta tag permite reproduzir o vídeo automaticamente, adicionar uma imagem de "pré-visualização" e muitas outras coisas...
Recomendo que vocês revisem e estudem um pouquinho mais sobre esta tag...
1. https://www.w3schools.com/html/html5_video.asp
2. https://developer.mozilla.org/es/docs/Web/HTML/Usando_audio_y_video_con_HTML5
TRUQUE EXTRA
E se quiserem mostrar uma pré-visualização regionalizada do vídeo, algo como um "Clickbait" para cada país...
Deixo outro dos meus tutoriais, que explica como fazer isso, com código-fonte e materiais para baixar...
A seguir, mostro um exemplo: Como ele adivinha o seu país? É só entrar e ler bem o tutorial!
CLIQUE AQUI PARA VER O TUTORIAL!
FINALIZANDO
A minha maior recomendação é que vocês mesmos testem e apliquem...
Com isso, saberão se serve ou não para os seus respectivos blogs, projetos, etc.
Fiquem bem!
Abraços,
Hugo
Se o Tutorial Foi Útil Para Você, Peço Uma Doação...
O Que Você Puder Está Bom. Muito Obrigado!
Última edição:
