Answered

Force the iFrame embed widget to run inline directly the board

  • 11 December 2020
  • 8 replies
  • 2519 views

Userlevel 2

Hi Miro,

Some iFrame embed widgets seems to run (when you press the play icon) inline directly on the board (e.g. Youtube & SoundCloud) and some run in the popup modal view (e.g. Spotify, Product Hunt). I’m building a web app (to run inside the iFrame embed widget) and a Miro web-plugin, how can I make the embed widget to run inline directly on the board? I can’t find any documentation or references in the SDK.

Cheers,
Niklas

icon

Best answer by Thor Mitchell 7 September 2022, 16:43

View original

8 replies

Userlevel 1

Hi niklaslavrel,

If you want to create a widget that shows a play button and opens an url when you click it you can use the embed widget:https://developers.miro.com/docs/interface-iembedwidget

 

Example:

miro.board.widgets.create({type:'embed', html:'<iframe src="https://www.example.com/"></iframe>'})

 

Note you can not control the size of the dialog that shows the embed nor can you open it automatically. The site must also be https to load.

Userlevel 2

Hi,

Here are two iFrame embed widgets on a Miro board:

 

The Youtube embed to the right is running inline directly on the board. The Google Maps embed to the left is running in the popup modal. So, my question was “how can I make the embed widget to run inline directly on the board?” in other words, how can I make sure my own iFrame embed widget runs like Youtube and not like Google Maps?

Cheers,
Niklas

Userlevel 1

Hi Niklas,

 

Unfortunately there is no API to make an embed work like you want it, only specific type of embeds will run inlined as the YouTube one.

 

 

Userlevel 2

Hi Esteban,

Alright I see. The solution I’m building would be a lot nicer with the inlined embed. What are the requirements to access that feature? Is there any possibility that we could apply as a selected partner or get in contact with someone to access the inline embed feature?

Thanks!

Cheers,
Niklas

Hi Niklas,

 

Unfortunately there is no API to make an embed work like you want it, only specific type of embeds will run inlined as the YouTube one.

 

 

I have 100% control over the embedded website.  Is there anything I can do to make sure Miro renders it inline on the Miro Board?

Badge

Jumping in on this - what requirements are needed non-miro side for embed iframe to render inline? 

Can anyone help out?

Userlevel 2
Badge

Hi there. The Miro Platform 2.0 does now allow you to create embed widgets that open inline rather than in a modal. Simply set the mode property to ‘inline’ when you create the widget:

https://developers.miro.com/docs/embed_embed-1

Badge

How someone gotten this to work? I have been having trouble using the “inline” command - can someone share an example iframe where this work? 

Reply