显示/隐藏<video>容器会产生pluginApi错误 - mediaelement.js </video>

Question

我在一个页面上有两个视频元素，每个视频元素都在自己的div中。我有一组链接，每个链接都有一个jQuery点击事件，显示/隐藏相应的div。显示/隐藏这些div时，Firefox和Chrome中会出现以下错误：

this.pluginApi.pauseMedia不是一个函数（FF） 未捕获的TypeError：对象＃没有方法'pauseMedia'（Chrome） this.pluginApi.playMedia不是一个函数（FF） 未捕获的TypeError：对象＃没有方法'playMedia'（Chrome）

当我从容器div中删除视频元素并使用jQuery click事件来暂停/播放时，不会发生错误。

Demo using div containers

Demo with no div containers

有没有人有为mediaelements.js显示/隐藏视频容器的经验？

Answer 1

对于那些仍然感兴趣的人：我也遇到了这种行为，但有以下评论：

仅适用于Flash播放器，而不适用于mp4的html5视频播放器。 它不会发生在IE

中

播放错误看起来像是一个时间问题，因为我可以用以下方法解决它们：

$('#div1').show(function(){
        player1.play();
});

我还没有解决暂停错误