Pagine

venerdì 2 marzo 2012

codice per cambiare l'immagine di anteprima in un blog

Esiste un modo per cambiare l'anteprima di un video, anche se la cosa funziona solo per i video inseriti in un blog o un sito...
La procedura è un po complessa in quanto si deve creare un'immagine per "lanciare" il video, copiare il link dell'immagine nella stringa di codice qui sotto (in rosso "indirizzo immagine") e poi si deve copiare l'indirizzo del video che si vuole lanciare con l'anteprima sostituendolo con quello del proprio video (mi raccomando copiare la stringa solo dopo watch?v= e attenzione a non cancellare il punto di domanda prima della scritta autoplay=1.

Stringa da copiare e incollare come html in un blog:




<div dir="ltr" style="text-align: left;" trbidi="on">
<div id="imageTWV" onclick="document.getElementById('imageTWV').style.display='none';document.getElementById('videoTWV').style.display='block';">
<img src=" indirizzo immagine " style="cursor: pointer;" /><br />
<br />
La cosa funziona, ma stranamente quando pubblico un post dopo quello con l'immagine d'anteprima succede che il video viene visualizzato sotto e non al posto dell'immagine...</div>
<div id="videoTWV" style="display: none;">
<embed height="385" src="http://www.youtube.com/v/ 3L9LiAipmiQ ?autoplay=1" type="application/x-shockwave-flash" width="640" wmode="transparent"></embed></div>
</div>




Prossmamente cercherò di fare la stessa cosa per i social network come facebook google plus ecc. perciò continuate a seguire il blog, mi raccomando!!! l'effetto è davvero piacevole specie se si vuole mantenere un certo equilibrio di stile quando si inseriscono i video nei propri blog...