[video] 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

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

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

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.

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