quarta-feira, 30 de dezembro de 2015

Como personalizar player do You Tube

Vou ensinar como deixar o player do youtube com o estilo do seu blog ou site. Neste artigo vou ensinar como personalizar o player do youtube no Blogger.



01.: Acesse reEmbed


Clique em "Create your free player"

02.: Escolha o estilo 

Selecione o estilo do player

03.: Adicione uma logomarca

Clique em "Upload your logo(if you want)" e selecione a imagem que deseja para a logo.

04.: Escolha as cores do Player 

  • Background Color= Fundo dos controles do player 
  • Button Color= Cor dos controles 
  • Bar Color= Cor da barra de tempo do vídeo
  • Extra color= Cor do fundo dos botões do player

05.: Opções avançadas

Player Options

  • Responsive sizing= Deixe esta opção marcada se quiser que seu player adapte a diferentes tamanhos de tela.
  • Allow sharing= Deixe esta opção marcada se quiser que  a pessoa que visite seu blog possa compartilhar o vídeo no Facebook, Twitter, Google+ e link.
  • Allow embedding= Permite que seu player seja incorporado em outros sites.
  • Show annotations= Permite que as anotações do youtube apareçam no player.
  • Show video title= Deixe esta opção marcada se quiser mostrar o titulo do vídeo no inicio.
  • Logo in fullscreen= Deixe esta opção marcada se quiser que sua logomarca apareça no modo "Tela Cheia" do vídeo.

Supported Videos

Estes controles permitem que seu player apareça em diferentes plataformas. Você pode padronizar todos os players de videos de seu blog deixando apenas um. Marque todas as opções se quiser que seu player se adaptá ao Facebook, Vimeo e HTML5(A opção HTML5 permite que seu player adapte a qualquer player em HTML5 incorporado em seu blog). As opções Youtube e  Dailymotion, são marcadas automaticamente e não é possível desmarcá-las.

06.: Salvar player

 Clique em "Save player" e registre-se no reEmbed, 

07.:Colocar o player no Blogger

Depois de se registrar no reEmbede, você vai ter uma pagina igual a esta, clique em "Players".
Clique em "Install on your site >>".
Clique em "Blogger". Abra uma nova página no navegador e entre em sua conta no Blogger> Clique em "Modelo".

Clique em " Editar HTML".
Digite "</head>", na caixa que aparaceu, e clique na tecla "Enter".
Copie o código.

Cole o código copiado antes de </ head>. Clique em "Salvar Modelo". Procure em seu blog um post que tenha um vídeo, você vai ver que o vídeo agora esta utilizando o seu player, e não o player do youtube.

Então este tutorial lhe ajudou, por favor comentem..... 

Um comentário:

Atenção não poste palavras obscenas, não publique spam