"ingrandire" video B in uno spazio uguale allo spazio del video A

Da saxismawe Mar 19 Nov 2019 - 17:57

Buonasera amici di ForumAttivo, è un bel pezzo che non ci sentiamo... vuold dire che sta andando tutto "alla grande"!

Stasera vorrei proporvi un quesito che, nonostante la mia caparbietà a risolvere da solo, purtroppo non sono riuscito nell'intento!

Partiamo dal fatto che ho un video (sulla sx = A) che occupa da sempre tutta una parte a lui dedicata e un video (sulla dx = B) che lascia delle parti vuote (bianche) sopra e sotto:

"ingrandire" video B in uno spazio uguale allo spazio del video A Video110

Da tener presente che il video A è stato preso da youtube (come facciamo da anni) ed ha il seguente codice:

Codice:: <iframe width="360" height="323" src="https://www.youtube.com/embed/tAVamBBfs5U?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

mentre il video B viene creato da https://streamable.com (piattaforma alternativa a youtube senza necessità di registrazione) e propone il seguente codice:

Codice:: <div style="width:100%;height:0px;position:relative;padding-bottom:75.000%;"><iframe src="https://streamable.com/s/q8uqz/mzevuv" frameborder="0" width="100%" height="100%" allowfullscreen style="width:100%;height:100%;position:absolute;left:0px;top:0px;overflow:hidden;"></iframe></div>

Io ne ho provate di cotte e di crude ma il meglio che sono riuscito a fare è questo codice (infatti... il video B):

Codice:: <iframe src="https://streamable.com/s/q8uqz/ommban" frameborder="0" width="360" height="323" allowfullscreen"></iframe>

che però lascia quelle parti bianche sopra e sotto il video.

La domanda è, appunto, c'è verso portare le dimensioni del video B come quelle del video A?

Grazie per il vostro aiuto!

p.s. = Ci sono altre piattaforme web per l'uploader video publishers (oltre ad Youtube, Dailymotion, Vimeo), ma vorremmo provare altre alternative meno restrittive!

Da saxismawe Mar 19 Nov 2019 - 17:57

saxismawe ha scritto:Buonasera amici di ForumAttivo, è un bel pezzo che non ci sentiamo... vuol dire che sta andando tutto "alla grande"

Stasera vorrei proporvi un quesito che, nonostante la mia caparbietà a risolvere da solo, purtroppo non sono riuscito nell'intento!

Partiamo dal fatto che ho un video (sulla sx = A) che occupa da sempre tutta una parte a lui dedicata e un video (sulla dx = B) che lascia delle parti vuote (bianche) sopra e sotto:

Da tener presente che il video A è stato preso da youtube (come facciamo da anni) ed ha il seguente codice:
Codice:
<iframe width="360" height="323" src="https://www.youtube.com/embed/tAVamBBfs5U?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

mentre il video B viene creato da https://streamable.com (piattaforma alternativa a youtube senza necessità di registrazione) e propone il seguente codice:

Codice:
<div style="width:100%;height:0px;position:relative;padding-bottom:75.000%;"><iframe src="https://streamable.com/s/q8uqz/mzevuv" frameborder="0" width="100%" height="100%" allowfullscreen style="width:100%;height:100%;position:absolute;left:0px;top:0px;overflow:hidden;"></iframe></div>

Io ne ho provate di cotte e di crude ma il meglio che sono riuscito a fare è questo codice (infatti... il video B):
Codice:
<iframe src="https://streamable.com/s/q8uqz/ommban" frameborder="0" width="360" height="323" allowfullscreen"></iframe>

che però lascia quelle parti bianche sopra e sotto il video.

La domanda è, appunto, c'è verso portare le dimensioni del video B come quelle del video A?

Grazie per il vostro aiuto!

p.s. = Ci sono altre piattaforme web per l'uploader video publishers (oltre ad Youtube, Dailymotion, Vimeo), ma vorremmo provare altre alternative meno restrittive!

Da **MattiaDes** Mar 19 Nov 2019 - 21:32

Ehi ciao, chi si rivede happy

Potresti passarmi il link dell'argomento in questione? Così provo a fare dei test e delle prove tramite la console del browser

Da saxismawe Mar 19 Nov 2019 - 23:10

ciaooooo MattiaDes, che piacere

scusa, ma non ho ben capito che link, hai tutto nei codici che ti ho passato nel post (è venuto doppio, perdonami) qui sopra.
Casomai se non basta fammi gentilente sapere in cosa posso aiutarti.

Grazie!

Da **MattiaDes** Mer 20 Nov 2019 - 11:15

Ciao, ok ci sono happy

in pratica l'iframe prende in considerazione le misure che tu gli dici, solo che è proprio il video in sè che adatta automaticamente l'altezza in modo che sia proporzionata alla larghezza

Infatti impostando come larghezza 360px e come altezza 323px il risultato è questo:

"ingrandire" video B in uno spazio uguale allo spazio del video A AWGQ12J

Anche se il video non ricopre tutta l'altezza, l'iframe in realtà è alto 323px

Purtroppo non c'è molto che si può fare, dato che penso sia una cosa del player di streamable... Puoi però provare ad aggiungere uno sfondo nero in background in modo che sembri ricoprire tutta l'altezza:

Codice:: <iframe src="https://streamable.com/s/q8uqz/mzevuv" allowfullscreen="" style="width:360px;height:323px;background-color: black;" frameborder="0"></iframe>