如何让Popcorn.js与iPad上的Video.js一起使用

Question

我不能在iPad上使用原生视频播放器，因为它会窃取所有触摸事件，我需要在视频上显示互动元素。使用Video.js可以实现此目的，但奇怪的是，它会阻止Popcorn.js事件在iPad上触发。

Answer 1

这不完全是一个解决方案，但我发现MediaElement.js是Video.js的一个很好的替代品，并与Popcorn很好地搭配。

Answer 2

问题不在于特定的视频库。当您为视频播放器启用控件时，您无法对视频上的任何HTML元素进行任何交互。

我遇到了同样的问题，我通过

解决了这个问题

p.controls(false); //where p is the object of popcorn js player

我在视频顶部显示任何交互式元素（如BUTTON）时，在视频顶部不再需要按钮时，我再次启用了控件。

p.controls(true);

它就像一个魅力！