Interactive Video Controls in HTML5 Canvas

[bzarinelli]

Hello all. I have followed this tutorial: Animate CC: Interactive HTML5 Canvas Video Projects - YouTube to create a video with custom play and pause buttons. Is there a way to create a button that will expand the video only to full screen?

I am a print designer and know pretty much nothing about coding, so please let me know if more clarification is required.

Thank you in advance!

[ClayUUID · Accepted solution]

Since all popular video sites include a full-screen button... yes, it is possible to create a full-screen video button.

Element.requestFullscreen() - Web APIs | MDN

[bzarinelli]

Yes, I understand that it is possible, but I want to know how to create a full screen button, similar to the play and pause buttons shown in the linked tutorial.

[melissak49388995]

Do you know how to create a stop button that will stop the video and go to the beginning of the video but not play?