quinta-feira, 29 de outubro de 2015

Video 4shared responsive


4shared-video-responsive


Hoje vamos mostrar como você deve aplicar a isso no seu blogger tem um layout muito bonito e realmente faz a diferença para seu blogger com um layout de video responsive do 4shared então se deseja isso siga os passos abaixo.



Adicionando no seu blogger 
Faça login no blogger e então na aba menu procure por modelo>> então
editar/html  com as teclas combinadas CTRL+F busque por </head> e antes disso copie o código e cole antes da tag

<script type="text/javascript">
//<![CDATA[
function embed(video) {
   document.write('<div style="text-align:center;margin:0 auto;width:100%;"><div style="position:relative;padding-bottom:56.25%;height:0;overflow:hidden;"><iframe style="position:absolute;top:0;left:0;width:100%;height:100%;" src="//www.4shared.com/web/embed/file/');
   document.write(video);
   document.write('" frameborder="0" scrolling="no" allowfullscreen="1"></iframe></div></div>');
}
//]]>
</script>

então salve

Para usar isso no post no modo html

<script type="text/javascript">embed("   Código do video  "); </ Script>

Para copiar o código embed do video abaixo do video clique em more então embed vai ver algo como isso

<iframe src="http://www.4shared.com/web/embed/file/   NVL5_UyAce   "Frameborder =" 0 "scrolling =" no "width =" 470 "height =" 320 "> </ iframe>


Dessa forma note que cada video possui um código  exemplo:
http://www.4shared.com/video/NVL5_UyAce/Fifth_Harmony_-_Worth_It_ft_Ki.htm


Agora vai precisar da miniatura do video onde você pode usar esse código 

http://dc775.4shared.com/img/   código do video   / S3 / 


Esta pronto. confira o resultado.
NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post

Nenhum comentário:

Postar um comentário

NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post
 

Delivered by FeedBurner