Ciao a tutti,
come posso far sì che al click di un'immagine questa venga sostituita da un video preso da you tube e che parta automaticamente?
Grazie in anticipo
Printable View
Ciao a tutti,
come posso far sì che al click di un'immagine questa venga sostituita da un video preso da you tube e che parta automaticamente?
Grazie in anticipo
Ecco un codice in AJAX.Codice HTML:<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script>
function video(){
var video = "--CODICE PLAYER YOUTUBE CON SLASHES PRIMA DEI DOPPI APICI--";
$("#video").html(video);
}
</script>
</head>
<body>
<span id="video"><img src="" onclick="video()" /></span>
</body>
</html>
Puoi usare JS puro senza includere AJAX, se vuoi.
Sempre se vuoi, utilizzando AJAX puoi creare qualche effetto.
Ciao! :wink:
Grazie!
ma non ho capito questa parte:
In che modo devo inserire l'url al video?Codice:var video = "--CODICE PLAYER YOUTUBE CON SLASHES PRIMA DEI DOPPI APICI--";
Devi inserire l'embed code che ti da YouTube, inserendo gli slashes prima dei doppi apici.
Ad esempio, se il codice è questo:
Lo modificherai in questo modo:Codice:<iframe width="420" height="315" src="http://www.youtube.com/embed/zWml3z4o5Ng" frameborder="0" allowfullscreen></iframe>
E lo inserirai al posto di quella scritta. :wink:Codice:<iframe width=\"420\" height=\"315\" src=\"http://www.youtube.com/embed/zWml3z4o5Ng?autoplay=1\" frameborder=\"0\" allowfullscreen></iframe>
Ciao!
Grazie mille!