[RISOLTO] inserire video youtube in sito responsive

[fragio]

Ciao a tutti,
ho terminato di aggiornare il mio sito [size=78%]http://www.gliultimichilometri.it[/size][size=78%] e ho un problema per adattare i video di youtube in modalità responsive. Ho letto su vari siti e mi sembra di aver capito che:[/size]

[size=78%]questo è il codice che devo mettere nell'articolo[/size]

<div class="video"> <iframe width="560" height="315" src="http://www.youtube.com/watch?v=K09dOg7sRpw&t=7sembed/s_EYHsW0c9U" frameborder="0"></iframe> <>

e devo creare un file css (che ho chiamato youtube.css) da inserire in "gliultimi/templates/nome-template/css/youtube.css con:

 
.video
{
position:         relative;
padding-top:      30px;
padding-bottom:   56.25%;
height:           0;
overflow:         hidden;
}
.video iframe
{
position:  absolute;
top:       0;
left:      0;
width:     100%;
height:    100%;
}


ho provato la procedura varie volte ma non funziona. Chi può aiutarmi?
Grazie
Giovanni 

[fragio]

Ciao,
nessuno può aiutarmi?
Grazie
Giovanni

[tusca]

Ciao, premetto che non ho molta esperienza con Joomla dato che ho iniziato da poco, so che non è il massimo, ma prova ad inserire le proprietà che ti servono direttamente nel div e non in un css a parte!

[adottauncane]

Ciao,
ma il file css che hai fatto, l'hai richiamato nell'index.php?
Altrimenti non lo aggancia.

A parte ciò, se il template prevede la creazione di un file custom.css, metti lì il css che serve, se lo prevede è già richiamato.

Comunque, adesso con .video non funziona ma se provi semplicemente questo:

Codice: [Seleziona]

iframe
{
width:100%;
min-height:450px;
  }
magari in fondo al file template.css...

Naturalmente lo farà su tutti gli iframe quindi mettere .video davanti andrebbe bene...

[fragio]

Ciao Adottauncane,
grazie per la tua risposta.
Non mi sono chiare alcune cose (non sono esperto di css...):


questo codice
iframe[/size]{width:100%;min-height:450px;  }


devo inserirlo nel file template.css?
Nel template che sto usando non ho trovato un file template.css!


Grazie
Giovanni[/color]

[adottauncane]

Non so che file css hai perché credo tu abbia la compressione css attiva, guarda nella cartella css del template o, meglio, controlla la documentazione del template e vedi se sia possibile fare un file personale per inserirlo.

[fragio]

Ho controllato nelle impostazione del template ed ho la compressione attiva; all'interno della directory css del template ho i seguenti file:
background (cartella)
font1 (cartella)
font2 (cartella)
font 3 (cartella)
animation.css
base.css
bootstrap-custom.css
bootstrap.css
custom.css
error.css
extensions.css
ie8.css
layout.css
menus.css
modules.css
padding.css
print.css
responsive.css
rtl.css
style.css
system-all.css
system-white.css
system.css
tools.css
variables.css
youtube.css (il file da me creato con il codice che ho scritto in testa al post)




Ancora grazie
Giovanni

[adottauncane]

Il tuo, se non lo richiami in nel .php, non serve a nulla.
Metti il css nel file custom.css

[fragio]

quindi inserisco il codice


iframe{width:100%;min-height:450px;  }



nel file custom.css?[/size][/font]

[adottauncane]

Sì.
Non aver paura, non è irreversibile... Se non va, lo togli. 

[fragio]

Ciao a tutti e ancora grazie a "adottauncane" per la pazienza...
ho inserito nel file custom.css del template il codice (foto 1 allegata), e nel codice dell'articolo interessato il codice iframe con il link di youtube (foto2).
ancora non funziona.
cosa sbaglio?


Giovanni

[adottauncane]

Prova a togliere la compressione dei css, adesso non vedo i file...

[fragio]

Togliendo la compressione al template funziona! 
Grazie mille adottauncane!! 


Grazie
Giovanni