Por
Matheus Araújo
em dezembro 30, 2015
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.
Clique em "Create your free player"
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.....
Ótimo post
ResponderExcluir