Video al click di un'immagine

21-03-2012, 21.41.30

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

**radiodelmomento** · 22-03-2012, 14.17.16

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>

Ecco un codice in AJAX.
Puoi usare JS puro senza includere AJAX, se vuoi.
Sempre se vuoi, utilizzando AJAX puoi creare qualche effetto.
Ciao!

22-03-2012, 14.45.24

Grazie!
ma non ho capito questa parte:

Codice:

var video = "--CODICE PLAYER YOUTUBE CON SLASHES PRIMA DEI DOPPI APICI--";

In che modo devo inserire l'url al video?

**radiodelmomento** · 22-03-2012, 15.54.31

Devi inserire l'embed code che ti da YouTube, inserendo gli slashes prima dei doppi apici.
Ad esempio, se il codice è questo:

Codice:

<iframe width="420" height="315" src="http://www.youtube.com/embed/zWml3z4o5Ng" frameborder="0" allowfullscreen></iframe>

Lo modificherai in questo modo:

Codice:

<iframe width=\"420\" height=\"315\" src=\"http://www.youtube.com/embed/zWml3z4o5Ng?autoplay=1\" frameborder=\"0\" allowfullscreen></iframe>

E lo inserirai al posto di quella scritta.

Ciao!

22-03-2012, 16.12.55

Grazie mille!

**alemoppo** · 22-03-2012, 20.46.41

Originalmente inviato da radiodelmomento

Ecco un codice in AJAX.
Puoi usare JS puro senza includere AJAX, se vuoi.
Sempre se vuoi, utilizzando AJAX puoi creare qualche effetto.
Ciao!

Dove si trova ajax che non lo vedo? Vedo soltanto jQuery...

Ciao!

Discussione: Video al click di un'immagine

LinkBack

Strumenti discussione

Display

Video al click di un'immagine

Regole di scrittura