LA PIAZZA DI FFZ - Assistenza Il forum di assistenza di FreeForumZone

[video] Video nella versione mobile

  • Messaggi
  • OFFLINE
    Mar$h@ll
    Post: 12.809
    Registrato il: 07/10/2012
    00 25/09/2020 23:27
    Video nella versione mobile
    Mi sono appena accorto che i video condivisi da YouTube nella versione mobile non sono ben inquadrati, ovvero il riquadro è quadrato e non rettangolare, l'anteprima viene zummata e con il video in esecuzione rimangono due spazi neri sopra e sotto che sono in più.
    Lascio 2 screen per rendere meglio l'idea
  • OFFLINE
    Number-6
    Post: 546
    Registrato il: 08/12/2010
    00 26/09/2020 11:10
    Stavo facendo dei test e mi pare che la resa sia leggermente diversa a seconda del browser ma devo fare più prove...


    Secondo me il fatto che sui dispositivi mobili il riquadro sia quadrato e non un rettangolo orizzontale è un (giusto) adattamento x i telefoni ma se fisso x tutti i dispositivi mobili risulterebbe penalizzante x i tablet che hanno una disposizione completamente differente

    Questa l'immagine di come il video messo sopra appare a me: sostanzialmente le dimensioni sono corrette, su telefono.
    potrebbe esserci una variabilità tra i browser ma ho fatto pochi test x esserne certo
    [Modificato da Number-6 26/09/2020 11:32]
  • OFFLINE
    admin
    Post: 15.264
    Registrato il: 26/08/2000
    FreeForumZone Admin
    10 26/09/2020 12:05
    Abbiamo dovuto rimuovere il blocco degli EMBED che c'era prima a 16:9.
    Ora le dimensioni sono automatiche.
    Questo penalizza questi video (che possono comunque essere messi full screen e visti in orizzontale), ma permette l'utilizzo nel forum degli elementi caricati in verticale, es video di toktok, facebook e Instagram
  • ONLINE
    Davide
    Post: 139.020
    Registrato il: 24/07/2002
    00 26/09/2020 14:22
    Se può servire ad Admin io nel mio sito ho risolto così.
    Invece di usare il classico embed utilizzo il codice

    <div class="video-container"><iframe src="LINK_DA_EMBED*" frameborder="0" allowfullscreen></iframe></div>

    * Esempio: invece di https://www.youtube.com/watch?v=ikALf4MLgqY premo su condividi, incorpora e prelevo questo... https://www.youtube.com/embed/ikALf4MLgqY.

    Il risultato è ottimale ed è il seguente.



    Se poi uno vuole vedersi il video a tutto schermo pigia sul bottoncino per ingrandire la risoluzione.



    - Hai un problema o una segnalazione da fare? Mandami una FFZmail.
    - Puoi contattarmi anche scrivendomi a davide@ffz.it.
    - In generale ti invito a usare il forum di assistenza.
    - Se vuoi pubblicizzare un contenuto del tuo forum su FFZ puoi usufruire della cartella dedicata.
    - Se vuoi farlo sui social contattami.
  • OFFLINE
    admin
    Post: 15.264
    Registrato il: 26/08/2000
    FreeForumZone Admin
    00 26/09/2020 18:37
    Dipende dal tag usato.
    Per EMBED noi prendiamo il codice fornito da YouTube tramite il protocollo oembed.

    Sostanzialmente è lo stesso che hai riportato tu, e, nel caso in cui non vengano riportate le dimensioni funziona già.

    Solo che noi dobbiamo rendere responsive qualsiasi iframe, contemporaneamente, anche quelli di fb e quelli in verticale, e anche quelli che riportano dimensioni maggiori.

    Questo interferisce con quel codice pulito che già funzionerebbe, ma non c'è un modo universale di renderlo funzionante