Incorporare video Bunny Stream non funziona

Ciao

Sto cercando di incorporare video di bunny.net Stream sul mio forum, ma non funziona.

Il link diretto mostra solo un’anteprima dell’immagine:

e il codice di incorporamento con iframe non mostra nulla:

:arrow_down:

:arrow_up:

codice:

<div style="position: relative; padding-top: 56.25%;"><iframe src="https://iframe.mediadelivery.net/embed/3639/01bea422-9687-4058-9fcc-2b21dee6df2a?autoplay=false&preload=false" loading="lazy" style="border: none; position: absolute; top: 0; height: 100%; width: 100%;" allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;" allowfullscreen="true"></iframe></div>
1 Mi Piace

Hai aggiunto https://iframe.mediadelivery.net/embed/ all’impostazione del sito iframes consentiti prima di pubblicare?

4 Mi Piace

Penso che questo non sia ancora supportato da Discourse come Onebox.

Tuttavia, l’iframe funziona (sebbene piccolo);:

Ricorda di aggiungere https://iframe.mediadelivery.net/embed/ nelle tue impostazioni allowed iframes :slight_smile:


Dannazione, letteralmente 1 secondo di ritardo :smile:

2 Mi Piace

Grazie Falco e Coin-coin!

Imposterò questo post come Risolto, ma un’ultima domanda.

Bunny suggerisce questo codice per "non responsivo":

<iframe src="https://iframe.mediadelivery.net/embed/3639/01bea422-9687-4058-9fcc-2b21dee6df2a?autoplay=false&preload=false" loading="lazy" width="1280" height="720" style="border: none;" allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;" allowfullscreen="true"></iframe>

Ma la dimensione non è quella giusta:

E questo codice per "responsivo":

<div style="position: relative; padding-top: 56.25%;"><iframe src="https://iframe.mediadelivery.net/embed/3639/01bea422-9687-4058-9fcc-2b21dee6df2a?autoplay=false&preload=false" loading="lazy" style="border: none; position: absolute; top: 0; height: 100%; width: 100%;" allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;" allowfullscreen="true"></iframe></div>

E la dimensione è troppo piccola

Qualsiasi suggerimento?

1 Mi Piace

Non sono sicuro che un iframe qui possa ridimensionare correttamente il video.

Gli attributi di stile vengono rimossi dal tag <iframe>, quindi impostare le dimensioni qui non avrà alcun effetto, a meno che tu non aggiunga il CSS nel tuo tema. Ma non farà miracoli.

Se imposti la larghezza dell’iframe al 100% del contenitore del post, verrà visualizzato così:

E non è possibile impostare un’altezza automatica che dipenda dal rapporto del video.

Penso che non ci sia una soluzione semplice se non usare il video piccolo (non inserire la parte <div style="position: relative; padding-top: 56.25%;"> poiché verrà rimossa quando pubblicherai comunque), e le persone che vogliono vedere il video in un formato più grande cliccheranno sull’icona a schermo intero in basso a destra del video.

Puoi anche pubblicare su Feature per chiedere se è possibile aggiungere il supporto onebox per i video di Bunny stream, ma a meno che non ci sia una forte richiesta (cosa di cui dubito), probabilmente rientrerà nel tag pr-welcome, il che significa che il team non aggiungerà la funzionalità da solo, ma chiunque abbia un po’ di conoscenza di programmazione è benvenuto a codificare questa funzionalità in modo che possa essere aggiunta a Discourse alla fine.

3 Mi Piace

Grazie Coin-coin

Finalmente userò quell’impostazione sul codice iframe di Bunny:

  • non selezionare per il codice reattivo
    image

  • Nel codice predefinito seguente, sostituisci la dimensione con width=“99%” height=“300”

<iframe src="https://iframe.mediadelivery.net/embed/3639/01bea422-9687-4058-9fcc-2b21dee6df2a?autoplay=false&preload=false" loading="lazy" width="1280" height="720" style="border: none;" allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;" allowfullscreen="true"></iframe>

L’altezza sarà un po’ troppo piccola sul desktop e un po’ troppo alta sullo smartphone, ma la larghezza andrà bene.

Onebox sarebbe fantastico, ma per quanto vedo abbiamo solo YouTube, Vimeo e TikTok per ora su discourse.

1 Mi Piace

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.