Back to top

Autore Topic: [RISOLTO] Plugin Responsive Youtube etc.  (Letto 5255 volte)

Offline atimia

  • Nuovo arrivato
  • *
  • Post: 33
    • Mostra profilo
[RISOLTO] Plugin Responsive Youtube etc.
« il: 07 Ago 2014, 05:27:02 »
Mi potete consigliare un plugin per inserire i video di youtube (etcetc) negli articoli che sia responsive?

Ho utilizzato allvideos ma niente da fare...

Grazie
« Ultima modifica: 08 Ago 2014, 14:32:15 da atimia »

adottauncane

  • Visitatore
Re:Plugin Responsive Youtube etc.
« Risposta #1 il: 07 Ago 2014, 13:15:09 »
Ciao atimia,
non so se ce ne siano, prova nella JED.
Ma puoi inserire l'iframe del video, senza plugin nel modulo HTML personalizzato o in un articolo. (Se usi JCE come editor assicurati che sia flaggata l'opzione inserisci iframe), in questo modo:

Nel modulo:
Codice: [Seleziona]
<div class="video-container">
         <iframe src="codice video"></iframe>
</div>

e in un file css del template aggiungi:
Codice: [Seleziona]
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

Offline atimia

  • Nuovo arrivato
  • *
  • Post: 33
    • Mostra profilo
Re:Plugin Responsive Youtube etc.
« Risposta #2 il: 07 Ago 2014, 14:23:52 »

Grazie al tuo aiuto ho intuito che il plugin alla fine utilizzava quel codice per integrare i video sono andato nelle opzioni e ho semplicemente cambiato i valori mettendo

width: 90%
height: 450
Lasciando fissa l'altezza.  Funziona in modo perfetto!

Ora naturalmente devo adattarli in maniera più efficace .. :)
Grazie ancora..
Ancora sono troppo nabbo devo studiare.


Offline Snt®hw4u®

  • Appassionato
  • ***
  • Post: 350
  • Sesso: Maschio
    • Mostra profilo
Re:Plugin Responsive Youtube etc.
« Risposta #3 il: 07 Ago 2014, 14:24:42 »
Prova SJ Video Box.

Io l'usato ed è responsive.
L'ho inserito in un modulo e l'ho richiamato in un articolo con loadposition.

Ciao
« Ultima modifica: 07 Ago 2014, 14:27:32 da Snt®hw4u® »

Offline atimia

  • Nuovo arrivato
  • *
  • Post: 33
    • Mostra profilo
Re:Plugin Responsive Youtube etc.
« Risposta #4 il: 07 Ago 2014, 14:26:25 »
Prova SJ Video o SP Video.

Grazie! Son riuscito a risolvere facilmente come ho scritto sopra.

Offline atimia

  • Nuovo arrivato
  • *
  • Post: 33
    • Mostra profilo
Re:Plugin Responsive Youtube etc.
« Risposta #5 il: 07 Ago 2014, 14:27:59 »

adottauncane

  • Visitatore
Re:Plugin Responsive Youtube etc.
« Risposta #6 il: 07 Ago 2014, 15:47:49 »
Dovresti mettere [RISOLTO] davanti al titolo del primo post. Grazie.

Offline atimia

  • Nuovo arrivato
  • *
  • Post: 33
    • Mostra profilo
Re: [RISOLTO] Plugin Responsive Youtube etc.
« Risposta #7 il: 08 Ago 2014, 14:33:09 »
fatto>!

Offline fragio

  • Esploratore
  • **
  • Post: 82
    • Mostra profilo
Re:Plugin Responsive Youtube etc.
« Risposta #8 il: 16 Giu 2015, 11:01:59 »

Ciao atimia,
non so se ce ne siano, prova nella JED.
Ma puoi inserire l'iframe del video, senza plugin nel modulo HTML personalizzato o in un articolo. (Se usi JCE come editor assicurati che sia flaggata l'opzione inserisci iframe), in questo modo:

Nel modulo:
Codice: [Seleziona]
<div class="video-container">
         <iframe src="codice video"></iframe>
</div>


e in un file css del template aggiungi:
Codice: [Seleziona]
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


Ciao adottauncane,
anche io ho problemi a rendere responsive un video di youtube inserito nell'articolo con l'iframe (www.gliultimichilometri.it) e non sono molto esperto di css... volevo chiederti il file css in cui inserire il codice da te scritto deve essere un nuovo file da me creato oppure il codice va inserito in un file css già esistente nella cartella cache/template?

Grazie
Giovanni
 

 



Web Design Bolzano Kreatif