VideoJS 5 with fluid option is unable to start (undefined function on ima3.js)

Bug

The new responsive css for VideoJS causes tap / touch events to never fire. The iFrame seems to be above the video player listeners.

You can “fix” this by setting the z-index of the video element to say, 1200, and then click. It’ll start the ad, but there will need to be code that re-hides the video. If you keep the z-index at 1200, the ad is ran below an empty video element.

Uncaught TypeError: Cannot read property 'apply' of undefined  | # => ima3.js#288

Recreate

• Setup a video with IMA (used Sample app in repo)
• Set video options: fluid: true
• View in a mobile device (OS doesn’t matter as far as I can tell)
• Tap the video and note that nothing will happen

Work around

To get around this, I’ve updated the z-indexes of the items videojs is listening to. I did not test this without a poster, I’m always running a poster image.

player.posterImage.el().style.zIndex = 1400
player.bigPlayButton.el().style.zIndex = 1410
player.loadingSpinner.el().style.zIndex = 1420

JS Bin

https://jsbin.com/vofigafuno/edit?css,js,console,output

[shawnbuso]

Hmm I’m still not able to repro, though I’m on Android 7. I’ll see if I have an Android 5 phone here to test with.

[ypavlotsky]

Still fixed in 1.1.0 Closing this out.