Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*
- /////////// CRÉDITO //////////
- Desenvolvido por Ennio Sousa (http://uid.me/ennio)
- Adaptado para uCoz System
- Veja demonstração em http://jsfiddle.net/nL82N/
- /////////// FUNÇÃO ///////////
- Deixa o iframe de vídeos do youtube mais bonita, baseado no módulo vídeos.
- Torna um linque que leva para a postagem completa + comentários para contar a visualização e metas de analytics.
- Por enquanto funciona apenas com vídeos do youtube.
- ////////// COMO USAR /////////
- Adicionar este JavaScript na descrição breve da postagem
- Adicionar id="entryMessage$ID$" ao antes da variável $MESSAGE$
- Ex.: <div id="entryMessage$ID$">$MESSAGE$</div>
- Usar o CSS abaixo:
- <style>a.vep-playvideo{display:inline-block;border:none;position:relative;text-decoration:none;outline:none}a.vep-playvideo span{cursor:pointer}.vep-video-block img{border:0;border-radius:20px;vertical-align:middle}.vep-playbutton{display:block;position:absolute;width:68px;height:68px;left:50%;top:50%;margin:-34px 0 0 -34px;background:url(/.s/img/vi/video-play.png)}a.vep-playvideo:hover .vep-playbutton{background-position:0 -68px}.vep-length{position:absolute;bottom:15px;right:15px;padding:2px 5px;background:rgba(0, 0, 0, 0.63);font:700 12px/16px 'Arial';color:#fff;border-radius:3px}.vep-title{position:absolute;top:10px;left:10px;padding:2px 5px;background:rgba(0, 0, 0, 0.63);font:700 12px/16px 'Arial';color:#fff;border-radius:3px}</style>
- */
- var string$ID$ = $('iframe', $('#entryMessage$ID$')).attr( "src" ); //pega o conteúdo do elemento src do iframe
- tamanho = string$ID$.length; //calcula a quantidade de caracteres
- var vid = string$ID$.substr(tamanho-11); //elimina todos os caracteres e deixa apenas os 11 ultimos (apenas youtube)
- $('iframe', $('#entryMessage$ID$')).after('<div class=\"video_'+ vid +' vep-video-block\"></div>'); //cria uma div logo após o iframe (onde está o conteúdo do video)
- $("<a/>").attr({href: "$ENTRY_URL$", id: "ViGoToEntry$ID$", class: "vep-playvideo"}).appendTo(".video_"+vid);
- /* chama dodos do video em json e cria os elementos */
- $.getJSON("http://gdata.youtube.com/feeds/api/videos/" + vid + "?v=2&alt=jsonc&callback=?", function(json){ //coleta as informações do video
- $("<img/>").attr({src: json.data.thumbnail.hqDefault}).appendTo("#ViGoToEntry$ID$");
- $('<span class="vep-title">'+json.data.title+'</span>').appendTo("#ViGoToEntry$ID$"); //cria um spam com o título do video
- $("<span/>").attr({class: "vep-playbutton"}).appendTo("#ViGoToEntry$ID$"); //cria o span do botão play
- /* converte segundos em minutos e horas para a duração do video ficar H:M:S*/
- var raw = json.data.duration;
- var time = parseInt(raw,10);
- var hours = Math.floor(time / 3600);
- var minutes = Math.floor(time / 60);
- if (minutes < 10) {
- var minutes = '0'+minutes;
- }else {
- var minutes = minutes;
- }
- var seconds = time % 60;
- if (seconds < 10) {
- var seconds = '0'+seconds;
- }else {
- var seconds = seconds;
- }
- $('<span class="vep-length">'+hours+':'+minutes+':'+seconds+'</span>').appendTo("#ViGoToEntry$ID$"); //cria um span com a duração do video
- });
- $('iframe', $('#entryMessage$ID$')).remove(); //remove o iframe do DOM do navegador
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement