Skip to main content
bzarinelli
Participant
December 29, 2017
Answered

Interactive Video Controls in HTML5 Canvas

  • December 29, 2017
  • 1 reply
  • 2376 views

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!

This topic has been closed for replies.
Correct answer ClayUUID

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

1 reply

ClayUUIDCorrect answer
Legend
December 29, 2017

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
Participant
December 29, 2017

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.

Participant
March 23, 2018

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?