Bunny Stream Videos einbetten funktioniert nicht

Hallo

Ich versuche, Bunny.net Stream-Videos in meinem Forum einzubetten, aber es funktioniert nicht.

Der direkte Link zeigt nur eine Bildvorschau:

und der Einbettungscode mit iframe zeigt nichts:

:arrow_down:

:arrow_up:

Code:

<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 „Gefällt mir“

Haben Sie https://iframe.mediadelivery.net/embed/ zu den allowed iframes in den Website-Einstellungen hinzugefügt, bevor Sie gepostet haben?

4 „Gefällt mir“

Ich glaube, das wird von Discourse als Onebox noch nicht unterstützt.

Das iframe funktioniert jedoch (wenn auch klein);:

Denken Sie daran, https://iframe.mediadelivery.net/embed/ zu Ihrer Einstellung allowed iframes hinzuzufügen :slight_smile:


Verdammt, buchstäblich 1 Sekunde zu spät :smile:

2 „Gefällt mir“

Danke Falco und Coin-coin!

Ich werde diesen Beitrag als gelöst markieren, aber eine letzte Frage.

Bunny schlägt diesen Code für „nicht responsiv“ vor:

<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>

Aber die Größe ist nicht die richtige:

Und dieser Code für „responsiv“:

<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>

Und die Größe ist zu klein

Irgendwelche Vorschläge?

1 „Gefällt mir“

Ich bin mir nicht sicher, ob ein Iframe hier das Video richtig skalieren kann.

Style-Attribute werden aus dem <iframe>-Tag entfernt, daher hat die Einstellung von Größen hier keine Auswirkung, es sei denn, Sie fügen das CSS in Ihr eigenes Theme ein. Aber es wird keine Wunder wirken.

Wenn Sie die Iframe-Breite auf 100 % des Beitragscontainers setzen, wird es so gerendert:

Und Sie können keine automatische Höhe einstellen, die vom Seitenverhältnis des Videos abhängt.

Ich denke, es gibt keine einfache Lösung, außer das kleine Video zu verwenden (fügen Sie nicht den Teil <div> ein, da dieser ohnehin entfernt wird, wenn Sie posten), und Leute, die das Video in einem größeren Format sehen möchten, werden auf das Vollbildsymbol unten rechts im Video klicken.

Sie können auch unter Feature posten, um zu fragen, ob eine Onebox-Unterstützung für Bunny-Stream-Videos erstellt werden könnte, aber es sei denn, es gibt eine hohe Nachfrage (was ich bezweifle), wird es wahrscheinlich unter dem Tag #pr_welcome fallen, was bedeutet, dass das Team die Funktion nicht selbst hinzufügen wird, aber jeder mit etwas Programmierkenntnissen kann diese Funktion codieren, damit sie schließlich in Discourse aufgenommen werden kann.

3 „Gefällt mir“

Danke Coin-coin

Endlich werde ich diese Einstellung im Bunny iframe-Code verwenden:

  • Nicht für responsiven Code auswählen
    image

  • Im folgenden Standardcode die Größe durch width=“99%” height=“300” ersetzen

<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>

Die Höhe wird auf dem Desktop etwas zu klein und auf dem Smartphone etwas zu hoch sein, aber die Breite wird in Ordnung sein.

Onebox wäre großartig, aber soweit ich sehen kann, haben wir bei Discourse derzeit nur YouTube, Vimeo und TikTok.

1 „Gefällt mir“

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