Black image and audio ONLY when using 360_TB or 360_LR projection

Description

When I play a video with projection set to 360 or NONE, everything is working perfectly, both video and audio play correctly. However, when I set the projection to 360_TB or 360_LR, I only see a black image, while audio plays fine.

Steps to reproduce

Explain in detail the exact steps necessary to reproduce the issue.

Clone videojs-vr Github repo
Run npm install
Change player.mediainfo.projection = '360'; to player.mediainfo.projection = '360_TB';

Results

Expected

I expected to see a 360º video with the correct top-bottom stereo projection applied to it.

Actual

I see a black image with only audio playing.

Error output

No errors are shown in the console.

Additional Information

I have read all previous issues on this, and did the following to try to resolve the issue, without any luck:

Added crossorigin="anonymous" to the video, which is not the issue, since the video is loaded with projection 360
Added playsinline="true" to the video
Made sure a padding-top: 56.25%; is applied to make sure it is not a height issue
Tested in multiple browsers and OSes
I am using a simple H.264 MP4 video

versions

videojs-vr

What version of videojs does this occur with? videojs 7.3.0 videojs-vr 1.5.0 three 0.93.0 webvr-polyfill 0.10.6

browsers & OSes

What browser are affected? Chrome 70, Safari 12, Firefox 57 on MacOS Mojave. Same problems on Chrome on Android 8.0.

plugins

Are any videojs plugins being used on the page? If so, please list them below. Only videojs-vr.

videojs / videojs-vr