player = canvas
<table border="3">
<tr><td>
<div id="player" style="display: block;">
<!--
<h2>Click to play:</h2>
-->
<canvas id="mirrorVideo" width="240" height="440"/>
<svg y="50%" id="playButton" xmlns="http://www.w3.org/2000/svg" width="100" height="100">
<path d="M 40 70 L 70 50 L 40 30"/>
<circle cx="50" cy="50" r="40" onclick="processor.playVideo()"/>
</svg>
<svg id="stopButton" xmlns="http://www.w3.org/2000/svg" width="100" height="100">
<path d="M 40 70 L 40 30"/>
<path d="M 60 70 L 60 30"/>
<circle cx="50" cy="50" r="40" onclick="processor.stopVideo()"/>
</svg>
</div>