io

video dentro sfondo


Aggiornamento del 16/05/2014ho riscritto una nuova procedura che semplifica notevolmente ciò che avevo pubblicato a suo tempo.la troverete in questo linkhttp://digilander.libero.it/marirosario/videonelleimmagini.pdfliberamente scaricabile.Lascio x notizia il post precedente pubblicato ma vi consiglio di utilizzare le istruzioni sopra indicate.Un buon proseguoMario  ----------------------------------------------------------------------Post superato:Tempo fa ho messo un aiutino su come mettere gli sfondi nei vostri box e mettervi sopra delle immagini semirasparenti in modo da vederlo attraverso le stesse.Oggi, anche perchè ho avuto delle richieste in merito,scriverò su come mettere degli sfondi di dimensionelimitata, non ripetuti,su cui posizionare dei video... come quello che vedete qui di seguito.                                 Prova Immagine  Mettiamo che vogliamo lasciare un margine di 10px fra il bordo sx del box e questo nostro fondo e di 30px dal margine superiore.Sapendo la dimensione del vostro video,mettiamo 300 x 250 px,  volendo lasciare un residuo di immagine attorno diciamo di 100 px sappiamo già che il nostro sfondo dovrà esseredi 600 x 450 pixel (150 a sinistra,150 a destra =300 + 300=600px; 100 in alto e 100 in basso =250+300=550px)sapendo questo mettiamo il nostro sfondo in questo modo: <div style="background-image: url(http://digidownload.libero.it/marirosario/sfondo1.GIF); width: 601px; background-repeat: no-repeat; background-position: 10px 30px; height: 406px; font-size: 18px;">l'url dell'immagine che vogliamo come sfondowidth è la larghezza dello sfondoheight è l'altezza dello sfondobackground-position: primovalore = distanza dal bordo sx secondo valore = distanza dal bordo superiore fatto questo passiamo al video: questo è il codice:  ''<p style=" margin-top:30px;margin-left:10px;;"><img src="http://blog.libero.it/x/pics/nu/segnapostofilmato_ext.jpg" alt="Xternal-01GQ2z_ghymQc?&amp;autoplay=1&amp;loop=1&amp;playlist=GQ2z_ghymQc" width="300" height="250" /></p>' 'margin top = distanza dal bordo superiore del boxmargin left = distanza dal bordo sinistro del boxwidth = larghezza del videoheight= altezza del video(il video in esame è stato messo in autoplay e loop.)giocando sui valori innanzi citati potete spostare ilvideo dove meglio vi piace...questo è il codice completo'<div style="background-image: url(http://digidownload.libero.it/marirosario/sfondo1.GIF); width: 600px; background-repeat: no-repeat; background-position: 10px 30px; height: 550px; font-size: 18px;"><p>&nbsp;</p><p style=" margin-top:30px;margin-left:10px;"><img src="http://blog.libero.it/x/pics/nu/segnapostofilmato_ext.jpg" alt="Xternal-01GQ2z_ghymQc?&amp;autoplay=1&amp;loop=1&amp;playlist=GQ2z_ghymQc"width="300" height="250" /></p><p>&nbsp;</p></div>'    Se qualcosa non fosse chiaro chiedete pure. Una buona giornataMario