Search:

Bill, step-by-step.



There is Website HTML Code(body) code, you copy into your design.
There is a Placeholder with the <video> Tag detail in its code(body).
There are the button controls...

Gary, if I read you right, you could move the showing variable to the top (outside any function) just after the view declaration: var showing = view.style.display;

Then you could use !view.paused...

Gary, I took the liberty of tidying your JavaScript:



<script>
var view = document.getElementById('vidplayer');


function display() {
showing = view.style.display;

Gary, you have been having fun.

Square videos - I would have tried a background-image for the full width. Second idea might be a transparent video IFRAME over a static under-image. Am I close?
...