Embed di YouTube Vs Vimeo larghezza

Per incorporare qualsiasi video, incolliamo semplicemente il link del video quando creiamo un argomento.
Tuttavia, perché quando incorporo un video di YouTube (vedi sotto) si estende da un’estremità all’altra? Mentre quando incorporo un video da Vimeo, non si estende da un’estremità all’altra.

C’è un modo per risolvere questo problema?

Non ho riscontrato alcuna differenza anche se ho assegnato una dimensione video nel codice di incorporamento VIMEO. Il video viene ancora visualizzato allo stesso modo incollando il link del video.

In entrambi i casi, tutto ciò che faccio è incollare l’URL del video.

YouTube

Vimeo

https://vimeo.com/300660748

Sembra che non possa incorporare un video qui. Quindi ecco alcuni screenshot dalla mia community. La larghezza del video Vimeo è inferiore alla larghezza del video YouTube. C’è un modo per far espandere anche il video Vimeo alla larghezza massima consentita?

4 Mi Piace

Ho una PR per onebox Vimeo a larghezza intera

6 Mi Piace

Test

YT

Vimeo

5 Mi Piace

Ciao Falco,
Sono nuovo a discourse e non ho idea di cosa significhi PR (come hai menzionato, “Ho PR per i onebox vimeo a larghezza intera”)

Anche se mi hai mostrato un test che ora funziona, cosa devo fare per farlo funzionare? Perché i video di Vimeo nella mia community ancora non si espandono a larghezza intera.

Sto ancora cercando di capire cosa hai appena fatto in questo post qui sopra. Apprezzerei molto se potessi dirmi cosa devo fare per risolvere questo problema nella mia community. Grazie

1 Mi Piace

Ciao Amber,

PR significa “pull request” e si riferisce a GitHub. Essenzialmente significa che Falco ha apportato una modifica al codice di Discourse e sta cercando di farla revisionare prima di unirla a Discourse.

Questo specifico sito Discourse, meta.discourse.org, viene aggiornato automaticamente con ogni modifica apportata da uno dei nostri ingegneri. Il tuo sito non viene distribuito automaticamente in questo modo: distribuiamo ai clienti su base regolare, ma meno frequente. Ho già avviato una distribuzione (aggiornamento) per il tuo sito. La distribuzione dovrebbe completarsi in circa 30 minuti.

Una volta completata la distribuzione, dovrai ricostruire il post. Per farlo, fai clic sul pulsante “mostra altro” sotto il post, quindi fai clic sulla chiave inglese dell’amministratore. Infine, fai clic su “ricostruisci HTML”.



4 Mi Piace

Falco,
Grazie mille.

Joshua, grazie mille per aver chiarito tutto. Apprezzo.

3 Mi Piace

Ciao @Falco

Questa modifica funziona anche con gli embed privati di Vimeo? (ovvero il link del player con ?h=<un identificatore> allegato)

Se prima funzionavano, dovrebbero funzionare anche con questa modifica, guardando le modifiche al codice nel commit. :slight_smile:

2 Mi Piace

Riscontrano una stranezza nella dimensione dell’embed. Anche dopo questo commit, la dimensione dei video privati rimane piccola. Spero ci sia un modo per renderli a tutta larghezza?

1 Mi Piace

Non ho un account Vimeo per creare quei video privati, quindi :person_shrugging:

1 Mi Piace

Ho anche io questo problema. Sto eseguendo Discourse 2.9.0.beta9 (56832adf17)

Questo è particolarmente problematico su schermi piccoli (ridimensiona questo schermo e vedrai quanto diventa minuscolo il secondo, quello OneBoxed).


Ecco il link che include il player nell’URL… (questo non si rimpicciolisce su schermi più piccoli, ma non riesco a centrarlo).

https://player.vimeo.com/video/743344591


E quello qui sotto è OneBoxed… (questo si rimpicciolisce e diventa troppo piccolo su schermi di dimensioni ridotte).

https://vimeo.com/743344591

Quindi va bene? Come è possibile che merge non abbia impatto sulla nostra istanza?

Probabilmente mi sfugge qualcosa :slight_smile:

Come è stato pubblicato? Puoi condividere il post grezzo?

1 Mi Piace

Sto facendo dei test perché abbiamo iniziato a condividere alcuni video da Vimeo nella nostra community di Discourse. Ecco il file grezzo:

Test

https://vimeo.com/channels/staffpicks/353070045

VS

https://vimeo.com/353070045

Non riconosciamo il formato dell’URL che hai utilizzato, quindi viene utilizzato il codice generico onebox invece di quello speciale di Vimeo.

2 Mi Piace

Ho usato un link che Jeff ha condiviso un paio di anni fa. Quindi grazie perché ora è meglio!

(Ma) perché non a tutta larghezza? È ancora fisso :cry:

Perché è un video con un rapporto d’aspetto di 4:3.

2 Mi Piace

Perché non applicare questa stessa logica a qualsiasi sorgente OneBox che specifica esplicitamente altezza e larghezza e viene infine incorporata tramite un iframe?


Pensieri e Approccio
In teoria, se abbiamo già altezza/larghezza esplicite e queste vengono specificate sull’iframe, si potrebbe utilizzare lo stesso approccio generale con l’impostazione del rapporto d’aspetto per rendere le cose scalabili in modo generico.

Ad esempio, ho incorporato sempre più demo video nella nostra community, quindi sono passato a Bunny.net, noto per la sua CDN, e al loro servizio Bunny Stream per caricare e incorporare video.

Dopo aver aggiunto video.bunnycdn.com e iframe.mediadelivery.net alle mie impostazioni iframe consentite, posso facilmente incollare un URL da Bunny Stream e questo viene trasformato in OneBox utilizzando uno dei fallback generici… ma il rapporto d’aspetto diventa davvero strano se visualizzato su un dispositivo mobile. :confused:

Come soluzione rapida, ho scritto un semplice Componente Tematico che utilizza l’API dei Plugin e decorateCookedElement per aggiornare l’iframe con le informazioni sul rapporto d’aspetto.

Abbiamo aggiornamenti in merito?

Bunny.net sta diventando sempre più popolare grazie alla qualità e alla velocità dei suoi servizi.

È già possibile incorporare video trasmessi in streaming da Bunny su Discourse?