Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá,
o código abaixo está funcionando corretamente, ele funciona para poder conectar na API do site de videos chamado vimeo.com e capturar um thumbnail de um vídeo.
Preciso agora fazer um upgrade nesse código, vou montar em uma página HTML uma lista com os thumbnails de vários videos. Então eu precisava montar um código que ficasse fácil gerar essa lista, a idéia seria ter apenas 1 código java script que fosse usado para pegar os thumbnais.
Pensei em algo assim <img src="java script:funcao_capturar_thumb('2811329')">
Esse número '2811329' é o código do vídeo. Essa idéia de fazer essa função (java script:funcao_capturar_thumb) passaria o código do video para o JS que então retornaria o url do thumbnail
<script type="text/javascript">
var video_id = '2811329';
var url = 'http://vimeo.com/api/clip/' + video_id + '.json?callback=showThumbs';
function showThumbs(clips) {
var thumbs = document.getElementById('thumbs');
thumbs.innerHTML = '';
for (var i = 0; i < clips.length; i++) {
var thumb = document.createElement('img');
thumb.setAttribute('src', clips[i].thumbnail_medium);
var p = document.createElement('p');
p.appendChild(thumb);
thumbs.appendChild(p);
}
}
function init() {
var js = document.createElement('script');
js.setAttribute('type', 'text/javascript');
js.setAttribute('src', url);
document.getElementsByTagName('head').item(0).appendChild(js);
}
window.onload = init;
</script>
<div id="thumbs">Loading thumb, aqui irá aparecer o thumbnail...</div>
Bom, eu não tenho conhecimento suficiente para fazer essa alteração. Estou lendo diversos tutoriais e baixando códigos java script parecidos para tentarchegar perto de uma solução.
Se alguém tiver o conhecimento e puder me dar uma dica me ajudaria muito.
Obrigado pela sua atenção.
Carregando comentários...