vHosting 0
vhs728x90
Risultati da 1 a 5 di 5
  1. #1
    Data Registrazione
    26/03/15
    Età
    45
    Messaggi
    58
    Grazie dati
    25
    Ringraziato 7 volte in 5 post
    Mentioned
    1 Post(s)

    Predefinito Rendere i video responsivi

    Ciao, sto testando un nuovo tema responsivo per il mio forum, e ho riscontrato un po' di problemi, il problema più grande è quello dei video;

    tutti i video postati nelle varie sezioni sono presi da youtube e hanno i classici width="640" height="360", se inserisco un "div" e da css lo rendo responsivo potrebbe funzionare, il problema è che ce ne sono moltissimi in più ogni volta che un utente aggiunge un video diventerebbe un problema costante!!!

    quindi volevo sapere se esiste un plugin che agisca in automatico per ridimensionare i video!!

    Un'altra cosa, siccome volevo eliminare il supporto a Tapatalk visto il tema responsivo, volevo sapere se esiste un plugin che possa mandare notifiche come Tapatalk.

    Vi ringrazio anticipatamente

    Saluti

  2. #2
    Data Registrazione
    15/09/08
    Località
    Taranto, Italy
    Età
    35
    Messaggi
    38,131
    Grazie dati
    1,579
    Ringraziato 2,932 volte in 2,572 post
    Mentioned
    152 Post(s)

    Predefinito Re: Rendere i video responsivi

    Per rendere i video responsive dovresti mettere un width ed in height automatici. In altenativa se li carichi su youtube dovrebbero adattarsi automaticamente.
    Per le notifiche stile tapatalk non credo ci sia qualcosa di identico se non le notifiche via mail ecc.

  3. Il seguente utente ha ringraziato cionfs per questo post

    gimbo (21-10-16)

  4. #3
    Data Registrazione
    23/11/09
    Messaggi
    5,269
    Grazie dati
    498
    Ringraziato 1,038 volte in 885 post
    Mentioned
    172 Post(s)

    Predefinito Re: Rendere i video responsivi

    Per gli elementi di tipo video prova

    Codice:
    video {
    
        height: auto;
        max-width: 100%;
    
    }
    mentre per gli iframe/object/embed (se non sbaglio YouTube usa iframe per il codice da incorporare) prova

    Codice:
    embed, iframe, object {
    
        max-width: 100%;
    
    }
    Puoi mettere width al posto di max-width se vuoi che l'elemento scali sempre e non solo restringendo il viewport.

    Un'altra soluzione con solo CSS consiste nel creare un contenitore per l'iframe e usare questo per le dimensioni "reali" ed impostare l'iframe per seguire le dimesioni del contenitore. Esempio:

    Codice:
    .iframeContainer {
    
        height: 0;
        padding-bottom: 56.25%;
        padding-top: 25px;
        position: relative;
    
    }
    
    .iframeContainer > iframe {
    
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    
    }
    Una possibile soluzione prevede anche l'utilizzo del @media, che puoi usare per creare intervalli per le possibili larghezze del viewport e definire altrettante dimensioni per l'iframe.

    Probabilmente ci sono soluzioni JS che puoi trovare facilmente facendo una rapida ricerca in rete.
    "In theory, theory and practice are the same; in practice they, are not." · Yogi Berra

  5. #4
    Data Registrazione
    26/03/15
    Età
    45
    Messaggi
    58
    Grazie dati
    25
    Ringraziato 7 volte in 5 post
    Mentioned
    1 Post(s)

    Predefinito Re: Rendere i video responsivi

    Ok, provo e faccio sapere, grazie per il momento

  6. #5
    Data Registrazione
    26/03/15
    Età
    45
    Messaggi
    58
    Grazie dati
    25
    Ringraziato 7 volte in 5 post
    Mentioned
    1 Post(s)

    Predefinito Re: Rendere i video responsivi

    Ciao, ho risolto mettendo nel relativo template di youtube il "width: auto" e anche " height: auto".
    Ora è perfetto, grazie xd

Permessi di Scrittura

  • Tu non puoi inviare nuove discussioni
  • Tu non puoi inviare risposte
  • Tu non puoi inviare allegati
  • Tu non puoi modificare i tuoi messaggi
  •  
Seguici!
P.IVA: 02750560738
Cionfs © - Cionfs ® - Marchio registrato numero 0001524896
© Cionfs'Forum CMS - Cionfs'Forum CMS - Guide Gratis - Supporto CMS - E' vietata la copia anche parziale senza autorizzazione.
Questo sito utilizza cookies di analytics su dati esclusivamente aggregati e cookies di terze parti per migliorare l'esperienza dell'utente tramite plugin sociali e video.
Cliccando su oppure continuando la navigazione sul sito accetti i cookies. Per l'informativa completa clicca qui.