I’m pretty new to the product and its actually a really good alternative to Lucid.
When trying to embed a frame it doesn’t appear the embedAutoplay=true option can be used, not sure if thats a bug or intentional. Anyone know?
Best answer by Robert Johnson
View original
+12
I will assume you mean <iframe> and not a Miro Frame.
it doesn’t appear the embedAutoplay=true option can be used
You are correct - iframes in Miro do not support autoplay. Additonally, not all iframe sources will open within the Miro board itself and will open in a modal window instead.
You can read more about iframe behaviour in the Embedding Media to Boards Help Center article.
Suggesting iframe Autoplay
If you would like to see this feature one day, I’d recommend adding this as an Idea in the Wish List category so that other people can upvote your idea. You can create a Wish List Idea post by following the guidelines here: Wish List: Everything You Need to Know
If you do create a Wish List Idea post, I would also recommend that you post a link to it back here, so that future readers of this post can quickly get to and vote for your Idea.
Lastly, don't forget to vote for your own Idea.
Hello,
This seems to go against the knowledgebase:
https://help.miro.com/hc/en-us/articles/360016335640-Embedding-Editable-Boards-into-Websites
Plus other replies in this forum:
https://community.miro.com/ask-the-community-45/embedded-boards-show-hand-finger-icon-until-click-1227
Does this only work with embedded “editable” boards and is not a feature for prestentation / framed boards.
+12
This is working for me. Here are my test conditions:
From my board:
Add:
&embedAutoplay=trueFor my new embed code of:
<iframe width="768" height="432" src="https://miro.com/app/live-embed/o9J_lBuUyCU=/?moveToViewport=-327,-212,702,330&embedAutoplay=true" frameBorder="0" scrolling="no" allowFullScreen></iframe>My board’s Share settings:
And once pasted into a Google Sites page - working in Chrome Version 90.0.4430.212 (Official Build) (64-bit) on Windows 10 Home.
https://sites.google.com/view/realrobertjohnson/embed-test
Yep, i did the same, check what happens when you use Presentation!
+12
miro.com/app/live-embed/… uses embedAutoplay=true
But the code in:
miro.com/app/embed/… uses autoplay=yep as stated by Marina in this post.
So in your Presentation mode iframe code, add &autoplay=yep to the end of your src URL.
Here it is in action → https://sites.google.com/view/realrobertjohnson/embed-test
By default, Miro Live Embed opens with a pre-loader screen that displays the name of the board and suggests that the user clicks a button to load the board or request access to the board if the board is not public. To enable the board autoplay (no need to click See the board to load the board content), add &embedAutoplay=true after the board URL to the iframe code. Example:
<iframe width="768" height="432" src="https://miro.com/app/live-embed/o9J_klErelY=/?moveToViewport=-3099,-2331,6592,3135&embedAutoplay=true" frameBorder="0" scrolling="no" allowFullScreen></iframe>
+5
Hey
The team has added this part to the article:
I have tried every variation of this code with both Free Navigation and with Presentation mode. I simply cannot get the Autoplay to work. I am trying to embed a frame from one Miro board into a different Miro board.
Even the samples provided above in this thread are not working for me, and I always get the large play button instead of just showing the content.
Also, once created an embeded section, I am unable to edit the code and I need to delete it and re-create it every time.
I have tried both Chrome and Edge with the same result. Can anyone confirm they are actually getting this to work?
Let me clarify my post:
My use case: I am trying to setup one Miro board that has common components, such as a Legend. I want to use a single frame within that common component Miro board and embed it into a different Miro Board. It must AutoPlay and just show the content without having to click a Play button.
None of the examples or code displayed actually work to AutoPlay from one Miro board to another. No matter what I try, it always shows up as a giant play button.
+12
Let me clarify my post:
My use case: I am trying to setup one Miro board that has common components, such as a Legend. I want to use a single frame within that common component Miro board and embed it into a different Miro Board. It must AutoPlay and just show the content without having to click a Play button.
None of the examples or code displayed actually work to AutoPlay from one Miro board to another. No matter what I try, it always shows up as a giant play button.
I would suggest creating a Miro support ticket - maybe there is a way and the Embedding Editable Boards into Websites Help Center article needs to be updated.
You can find information on contacting Miro support in the following article:
https://help.miro.com/hc/en-us/articles/360020185799-How-to-Contact-Miro-Support
Here’s how to get to the support form if you’re on a paid plan:
And if you’re on the free plan, there is a link in the above Help Center article:
Thanks
I found a workaround solution, although it’s not ideal.
First, I captured the link to the specific frame I want to embed and used a Web Capture instead of iFrame to insert it into Board B. I can’t seem to get the link to the frame set to automatically go to presentation mode or full screen within the URL. To get around this issue with the map and Miro tools covering my frame, I intentionally oversized the frame so I could crop this out.
Third, I cropped the Web capture to eliminate the Miro header and map and show the section of the frame I wanted.
So far, this option seems to work, except that when I update the common component, I need to manually refresh the Web Capture on every Miro board where it’s used. It’s not ideal, but still better than having to manually edit common components on 12 different boards.
For me, it’s the same, I can’t embed in another website, which is Notion, with the function of “autoplay”
+12
This is working for me for both Free Navigation and Presentation as out lined in the How to embed editable boards into websites help center article.
My page (Currently in Free Navigation autoplay mode → https://sites.google.com/view/realrobertjohnson/home
My code:
Free Navigation:<iframe width="768" height="432" src="https://miro.com/app/live-embed/uXjVO73MS7c=/?moveToViewport=-23296,-10829,46591,21657&embedAutoplay=true" frameBorder="0" scrolling="no" allowFullScreen></iframe>
Presentation:
<iframe width="768" height="432" src="https://miro.com/app/embed/uXjVO73MS7c=/?pres=1&frameId=3458764523571368328&autoplay=yep" frameBorder="0" scrolling="no" allowFullScreen></iframe>
Enter your username or e-mail address. We'll send you an e-mail with instructions to reset your password.