render() {

        let details = '';

        if (this.size != 'small') {

            details = html`  <div>

    take is <a href="${this.uri}">${this.uri}</a> 

    (${Object.keys(this.songToVideo).length} frames)

    <button @click="${this.onDelete}">Delete</button>

  </div>

  <!-- here, put a little canvas showing what coverage we have with the 

       actual/goal time cursors -->

  <div>

    video time should be <span class="num">${this.videoTime} </span>

  </div>

`;

        }

        return html`

  <video id="replay" class="size-${this.size}" src="${this.videoUrl}"></video>

${details}

  `;

    }

}

customElements.define('light9-vidref-replay', Light9VidrefReplay);

window.thresh=.3