HTML per regolare dimensioni video

« Older   Newer »
 
  Share  
.
  1.     +4   +1   -1
     
    .
    Avatar

    Group
    Admin
    Posts
    9,439
    Reputation
    +1,143
    Location
    Kaer Mohren

    Status
    Anonymous
    Dato che da un po' abbiamo problemi ad incorporare video sul forum per le dimensioni, volevo condividere che ho recentemente scoperto come ridimensionare il player.
    Una volta che avete incorporato il codice del video (tramite "condividi" > "incorpora" dalla pagina di YouTube), bisogna inserire semplicemente un punto di domanda dopo il link del video.

    Esempio corretto:

    CODICE
    <iframe width="560" height="315" src="https://www.youtube.com/embed/oqrIUhjh_3U?" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>


    In origine era "embed/oqrIUhjh_3U", ma aggiungendoci il punto di domanda così "embed/oqrIUhjh_3U?" il video viene ridimensionato.
     
    Top
    .
  2.     +1   -1
     
    .
    Avatar

    Group
    Admin
    Posts
    29,502
    Reputation
    +3,405
    Location
    dall'Aluna

    Status
    Offline
    I problemi insorgono su quali dispositivi?
     
    Top
    .
  3.     +1   -1
     
    .
    Avatar

    Group
    Admin
    Posts
    9,439
    Reputation
    +1,143
    Location
    Kaer Mohren

    Status
    Anonymous
    Su smartphone il problema non si pone perché l'applicazione regola la pagina in automatico, ma sul web mettendo solo l'url i video occupano e appesantiscono tutta la larghezza della pagina.
     
    Top
    .
  4.     +1   -1
     
    .
    Avatar

    Group
    Admin
    Posts
    29,502
    Reputation
    +3,405
    Location
    dall'Aluna

    Status
    Offline
    Io vedo che i video da ME postati si riducono e ingrandiscono così come aumento e diminuisco la dimensione della finestra chrome (è responsive).

    Ma uso sempre la cornice iframe generata direttamente da youtube tramite
    CONDIVIDI > INCORPORA > poi copio e incollo il codice


    Dici che è il semplice copia-incolla dell'URL a dare problemi?
     
    Top
    .
  5.     +1   -1
     
    .
    Avatar

    Group
    Admin
    Posts
    9,439
    Reputation
    +1,143
    Location
    Kaer Mohren

    Status
    Anonymous
    Il problema è che secondo me così risultano un po' troppo pesanti visivamente, anche se non deformano la skin. Senza il punto di domanda le dimensioni che si impostano in width e height non vengono applicate di fatto, e il video occupa automaticamente tutto lo spazio lasciato dalla skin.

    Questo vale sia se si copia direttamente l'url che copiando il codice da incorpora.

    Differenza dell'identico codice con e senza ?:

    Video