{"type":"video","version":"1.0","html":"<iframe src=\"https://www.loom.com/embed/a0ed5001a2c441f897abda948ace33a4\" frameborder=\"0\" width=\"1152\" height=\"864\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>","height":864,"width":1152,"provider_name":"Loom","provider_url":"https://www.loom.com","thumbnail_height":864,"thumbnail_width":1152,"thumbnail_url":"https://cdn.loom.com/sessions/thumbnails/a0ed5001a2c441f897abda948ace33a4-1644527112291.gif","duration":111,"title":"How to add a shroud that displays across multiple steps","description":"Script to add to the Body of the first step you want to include the Shroud:\nif(chmln.$('#custom-shroud').length==0){var rshroud=chmln.$('');rshroud.insertBefore( \"#chmln-dom\" );rshroud.css({position:'fixed',top: 0,left: 0,right: 0,bottom: 0,'background-color': '#000000',opacity: 0.4,'z-index': 9999999});}\n\nYou can update 'background-color' and opacity to adjust how the Shroud looks, the code above is set to black and 40% opacity.\n\nAdditional action Javascript code to add to the button you click to end the Tour or whenever you want the Shroud to stop displaying:\nrshroud.remove();delete window.rshroud;"}