Buondì a tutti.. Sto creando una piccola pagina nella quale dopo circa 6 secondo dovrebbe apparire una scritta cliccabile dalla quale poi dovrebbe partire un video in una lightbox. Utilizzo JWplayer e per quanto riguarda il semplice funzionamento del player con il video va bene. Il punto sta nel fatto che non saprei come "infilarlo" in una lightbox.. Ho trovato Jwbox (http://blog.mrwebmaster.it/2010/07/0...jw-player.html) ma onestamente non ho ben capito come funziona. Questo è il mio codice che ovviamente è sbagliato dato che non va nulla.
Qualcuno potrebbe aiutarmi? grazie.codice:<!DOCTYPE html> <html> <head> <style> body{ background-color: #000; background-position:center top; background-repeat:no-repeat; } #text{ margin:0 auto; font-size:100px; text-align:center; color:white; padding-top:50px; top:50%; left:50%; display:none; width: 345px; height:286px; margin-top:-143px; position:absolute; margin-left:-172px; } span#anteprima { display:none; font-size:25px; clear:both; position:relative; width: 345px; } a{ color:white; text-decoration:none; } </style> <script type="text/javascript" src="/prova/jwplayer/jwplayer.js"></script> <script type="text/javascript" src="/prova/jwplayer/jwplayer.html5.js"></script> <script type="text/javascript" src="/prova/jwbox/jquery.js"></script> <script type="text/javascript" src="/prova/jwbox/jquery.jwbox.js"></script> <link rel="stylesheet" type="text/css" href="/prova/jwbox/jwbox.css" /> <script src="http://code.jquery.com/jquery-latest.js"></script> </head> <body> <div id="text">PROVA <span id="anteprima"> <div class="jwbox"> Vai al video</span> <div class="jwbox_hidden"> <div class="jwbox_content"> <script type="text/javascript"> jwplayer("video").setup({ file: "/prova/jwplayer/videoprova.mp4", width: "640", height: "480" }); </script> </div> </div> </div> </div> <script> $("#text").fadeIn(5500, function() { $("span#anteprima").fadeIn(300); //alert("Animation done"); }); </script> </body> </html>
Rispondi quotando
