Joomla.it Forum

Joomla! 3 => Joomla! 3 => : fragio 02 Dec 2016, 12:00:36

: [RISOLTO] inserire video youtube in sito responsive
: fragio 02 Dec 2016, 12:00:36

Ciao a tutti,
ho terminato di aggiornare il mio sito [size=78%]http://www.gliultimichilometri.it (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 (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 

: Re:inserire video youtube in sito responsive
: fragio 02 Dec 2016, 14:31:16

Ciao,
nessuno può aiutarmi?
Grazie
Giovanni

: Re:inserire video youtube in sito responsive
: tusca 02 Dec 2016, 15:36:46

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!

: Re:inserire video youtube in sito responsive
: adottauncane 02 Dec 2016, 15:59:37

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:

:

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...

: Re:inserire video youtube in sito responsive
: fragio 02 Dec 2016, 16:27:27

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]

: Re:inserire video youtube in sito responsive
: adottauncane 02 Dec 2016, 16:32:47

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.

: Re:inserire video youtube in sito responsive
: fragio 02 Dec 2016, 16:44:41

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

: Re:inserire video youtube in sito responsive
: adottauncane 02 Dec 2016, 16:49:10

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

: Re:inserire video youtube in sito responsive
: fragio 02 Dec 2016, 16:52:57

quindi inserisco il codice


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



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

: Re:inserire video youtube in sito responsive
: adottauncane 02 Dec 2016, 16:56:18

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

: Re:inserire video youtube in sito responsive
: fragio 02 Dec 2016, 18:45:54

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

: Re:inserire video youtube in sito responsive
: adottauncane 02 Dec 2016, 23:52:30

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

: Re:inserire video youtube in sito responsive
: fragio 03 Dec 2016, 10:30:05

Togliendo la compressione al template funziona!  :)
Grazie mille adottauncane!!  ;)


Grazie
Giovanni