WebGL Build - Video Player Shows Black Screen in all Browsers

Questions & Answers
1

Two Part Question

I have a video imported to a folder in my Unity 2019.2 project. The video player shows the video playing in the Game window on preview, but on WebGL Build-and-Run, both browsers (Firefox and Chrome) show only a black box and do not play the video.

Then I tried uploading the project to a web server, however there I run into another problem. On launch I get an error message that says:
An error occurred running the Unity content on this page. See your browser JavaScript console for more info. The error was:
SyntaxError: expected expression, got ‘<’

So I look at the error in the web developer console for the browser, which gives me no information at all that I know how to use. It just says:
Invoking error handler due to
SyntaxError: expected expression, got ‘<’ and it shows me the line (4953) in UnityLoader.js that generates the error message.

So why would the video work in the Game window, but not in the browser, and how can you test it on the web server if the published files are generating JavaScript errors?

Any advise would be appreciated.

2

Just trying to clear up anything that may possibly be causing that JavaScript error, I’m checking into this issue > https://answers.unity.com/questions/1695266/charactercontrollermove-called-on-inactive-control-2.html

I don’t think they’re related, but I’m striving for issue-free code.