COMO FAZER UM SITE DE VIDEO

20/04/2019

Antes de Baixar o código para o sublime txt leia com atenção

OQUE É PRECISO PARA UM SITE DE FILME VIDEO?

Em primeiro lugar duas paginas html. uma delas em index com a lista dos video que atraves de um link direcionara para a segunda página com um player de video recebendo um video atraves de link de um hospedeiro como o youtube ou google fotos. para se usar um video que não esteja em hospedeiro deve-se mudar um pequeno código do player.

AQUI TERÁ 2 MODELOS DE PÁGINAS UMA DA LINHAGEM MEGABOX, MEGAFILMES [como a figura abaixo] E OUTRA DA LINHAGEM YOUTUBE, XVIDEOS

MODELO DE SITE DE FILME

PÁGINA ESTILO MEGAFILMS HD

Clique aqui para link direto ou Clique aqui em caso de erro para baixar uma página de filmes dividido com menu busca e diversas páginas com player [link de video em hospedagem]

PAGINA ESTILO YOUTUBE COM O VIDEO QUE ESTEJA NO COMPUTADOR[ou local]

Clique Aqui para baixar o código do player estilo youtube onde o vídeo esteja no local ou no computado

PAGINA ESTILO YOUTUBE COM O VIDEO EM OURO SITE[como o google fotos]

Clique Aqui para baixar código do player onde o vídeo esteja hospedado em hospedeiro como youtube ou google fotos

INCORPORANDO UM VIDEO :

No youtube :

No youtube ao rodar o video que quer compartilhar, na parte de baixo do player clique em compartilhar.....depois em incorporar....por fim copie todo códogo da incorporação e cole na html do seu site

No Google Fotos:

Ao colocar o vídeo para reproduzir clique em[ ctrl u ] depois [ ctrl f ] procure na busca [ w-no ] copie o segundo link que este é a incorporação do vídeo.

Após copiar o link de incorporação deve se colar ao fim do [rw- no ] um número dependendo da qualidade do vídeo exemplo um video de 360 p acrescenta - se [ -m18 ] ficando assim: [ "https//il3.google.com/redgdddfffdeerdrr-no-m18" ]

Video em 720 p acrescenta-se -m22

video em 1080 acrescenta -m37

Diferença entre video hospedado e video do computador

O Código vai mudar um pouco dependendo do local do video seja ele local ou hospedado

NO CASO DE HOSPEDADO usa se o <iframe> enquanto vide local usa se <video src=>

MODELO IFRAME HOSPEDADO:

MODELO SRC LOCAL:

</video>

VIDEO COM UMA FOTO DE CAPA

ABAIXO O CÓDIGO DE UM VIDEO.MP4 ACOMPANHADO DE UMA FOTO .JPG PARA CAPA

<!doctype html>

<html>

<head>

<title>video na pagina</title>

</head>

<h1>VIDEO NA PÁGINA</h1>

</video>

</body>

MOMEÇAR VIDEO EM TEMPO ESPECIFICO:

Para começar a reprodução do video em um tempo determinado pode usar dos jeitos 1 por javascript e o outo por url VEJA:

javascript :

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <video id="vid1" source src="video.mp4" type="video/mp4" controls="" / > </video> <script> document.getElementById('vid1').currentTime = 50; </script>  </body> </html>

URL:

Ambos os exemplos acima com javascript ou por link iniciará o video em 10 segundos cabe escolher qual quer usar

COPIANDO UM SITE ADULTO :

Existe um Site Porno Chamado SpangBang (Clique AQUI PARA VELO) o que tem de especial num site porno ? kkkk então o player de video dele (pelo menos até eo ano que estou escrevendo isso) tem como ir para determinada parte do video apenas clicando na foto do trecho do video ou filme que fica em baixo do player como vemos na figura 1 abaixo (flexinha vermelha)

fig 1:

Baseado nesse esquema montei um playerzinho (uma página html) que segue o mesmo exemplo do desse site como mostra a figura 2 abaixo

fig 2:

Ao clicar nas imagens abaixo do player a reprodução do video vai exatamente para a parte que está sendo mostrado na imagem em miniatura lembrando que se usa apenas um video porem tem que fazer vareas imagens de miniatura e uma de capa alem de um html para cada miniaturinha é um pouco complicadinho mas o resultado é muito bonito e de grande utilidade por isso o site spangBang é ótimo e tem o melhor player de site de video da web por facilitar a pessoa achar o trecho exato de video que quer PARA BAIXAR O EXEMPLO CLEQUE NOS LINK ABAIXO:

Clique Aqui ---------- Aqui ----------------Ou aqui para baixar esse exemplo (com o video)