As is i want to use Rive ( https://rive.app ) to embed interactive elements and animations on Miro.
That works fine with published files.

But alas autoplay isnot supported as is and the big Miro ‘eye’ prevents direct playback.

A bit of searching in the CSS of my board i noticed these CSS-styles to change/activate the iframe.

<div class="dom-layout iframe-active" data-testid="domLayout-0" style="display: block; width: 796px; height: 385px; font-size: 0px; pointer-events: all; ></div>

Whereas the inactive iframe looks like this…

<div class="dom-layout" data-testid="domLayout-0" style="display: block; width: 796px; height: 385px; font-size: 0px; pointer-events: none;

Clearly the only thing happning is an extra class “iframe-active” and the pointer-events changing from ‘none’ to ‘all’.

Is it possible to override these CSS lines and ensure my embeds autoplay and are active when i want/need that ?