Home > Webmaster > Inserire video youtube in una pagina web

Inserire video youtube in una pagina web

Aggiornamento 2013

L’inserimento di un video youtube in una pagina web sia che si tratti di una pagina statica, html, che dinamica con tecnologia .php o asp.net risulta decisamente agevole. Si tratta di inserire un iframe  on indicate larghezza altezza e il link al video.

Il link non sarà il classico

http://www.youtube.com/watch?v=CgVqX0a49HM

ma il derivato

http://www.youtube.com/embed/CgVqX0a49HM

in cui watch?v=   sarà sostituito con  /embed/

L’iframe avra  la seguente forma

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


Il modo più semplice per ottenere lìiframe consiste nell’utilizzare la modalità di  generazione del codice offerta da youtube.

incorporare video youtube

incorporare video youtube

Come evidenziato in figura è selezionare:

  • Condividi 
  • Condice da imcomporare
  • Quindi impostare
    • Dimensioni Video
    • Se mostrare o meno i video suggeriti quando termina il video
    • modalità HTTPS etc..

In generale 

Alcuni utili parametri presenti nel url per controllare le caratteristiche dei video youtube

http://www.youtube.com/watch?v=CgVqX0a49HM&w=420&h=315&start=15

Per definire la larghezza in pixel del video si utilizza il parametro w=

w=320

Per impostare il punto d’inizio del video in secondi si utilizza il parametro start

start= 10 

Il video è identificato dal parametro v=

Ovviamente i parametri sono separati dalla classica &

  1. Non c'è ancora nessun commento.
  1. No trackbacks yet.

Rispondi

Inserisci i tuoi dati qui sotto o clicca su un'icona per effettuare l'accesso:

Logo WordPress.com

Stai commentando usando il tuo account WordPress.com. Chiudi sessione / Modifica )

Foto Twitter

Stai commentando usando il tuo account Twitter. Chiudi sessione / Modifica )

Foto di Facebook

Stai commentando usando il tuo account Facebook. Chiudi sessione / Modifica )

Google+ photo

Stai commentando usando il tuo account Google+. Chiudi sessione / Modifica )

Connessione a %s...

%d blogger hanno fatto clic su Mi Piace per questo: