I have a presentation made on Adobe Presenter which is embedded using an iframe. Autoplay was hard-coded in when the presentation was published. when the page is loaded the presentation starts automatically and the audio plays. 

Since I can't turn off autoplay I thought adding a play/pause button and using JQuery to add a class which changes from `display:hidden` to `display:block` reveal the presentation and hide it when finished. I tried this but even when the iframe is hidden the audio starts automatically when the page loads.

Is there an alternative property in CSS to `display` which can completely remove an element and bring it back rather than just hiding it? or does anyone have another idea of how I might give the user the option of when they start the presentation?