Untitled

dabblet.css

.box {
	width: 800px;
	background: yellow;
}

iframe {
	margin: auto;
	display: block;
}

dabblet.html

<div class="box">
	<iframe src="https://www.youtube.com/embed/6UHN891kitg"></iframe>
</div>

dabblet.js

var trigger = document.querySelector('.trigger');
var menu = document.querySelector('.menu');
var open = 0;

trigger.addEventListener('click', function() {
	open = !open;
	if(open) {
		menu.classList.remove('collapsed');
	} else {
		menu.classList.add('collapsed');
	}
}, false)

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}