Freeforumzone mobile

[video] Video nella versione mobile

  • Posts
  • OFFLINE
    Mar$h@ll
    Post: 12,788
    Registered in: 10/7/2012
    00 9/25/2020 11:27 PM
    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: 430
    Registered in: 12/8/2010
    00 9/26/2020 11:10 AM
    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
    [Edited by Number-6 9/26/2020 11:32 AM]



    SOCIAL NETWORKs
    AlexG@HubZilla - FFZPlace
  • ONLINE
    admin
    Post: 12,901
    Registered in: 8/26/2000
    FreeForumZone Admin
    10 9/26/2020 12:05 PM
    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
  • OFFLINE
    Davide
    Post: 130,268
    Registered in: 7/24/2002
    00 9/26/2020 2:22 PM
    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.



    "Se vuoi realizzare i tuoi più grandi sogni devi essere pronto ad affrontare i tuoi peggiori incubi"

    "A meno che uno come te non ci tenga molto, niente andrà meglio o sarà risolto!"
  • ONLINE
    admin
    Post: 12,901
    Registered in: 8/26/2000
    FreeForumZone Admin
    00 9/26/2020 6:37 PM
    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