Video not playing, because of no user interaction

[ajmas]

The video example here is not working, since an error of no user interaction occurring:

https://stemkoski.github.io/Three.js/Video.html

Two possible fixes:

• Ensure the video has the mute attribute to allow auto play
• Wait until the user has interacted with the page before playing

[ajmas]

Experimenting a little:

• Video should be replaced with a supported media format (grab one of the mp4s from here: https://test-videos.co.uk/sintel/mp4-h264)
• video.muted = true needs to be added
• The videoImage.width and videoImage.height should be adjusted to take into account adjusted video size