Question

该文档有多个div，其中只有一个在任何时候都可见（其他的显示：无）。

当隐藏可见的div然后再次显示时，div中的视频不再播放。

然而，这只是iPad上的问题。

有关如何重新初始化它们的任何建议吗？

感谢

德里克

Answer 1

在搜索解决方案的每一种可能方式中，似乎在video.js初始化后隐藏的容器中使用video.js的视频在再次显示时无法播放。

所以现在，当我的网页检测到浏览器在iPad / iPhone上时，他们会使用原生视频播放器。

为此，我将video.js的包含放在页面顶部的javascript块中，以便在检测到iPad或iPhone时不会加载它们。

 <script type="text/javascript">
if(!navigator.userAgent.match(/iPad/i) && !navigator.userAgent.match(/iPhone/i)) {
    document.write('<link href=\"\/\/vjs.zencdn.net/c/video-js.css\" rel=\"stylesheet\" type=\"text/css\" \/\>');
    document.write('<script src=\"\/\/vjs.zencdn.net/c/video.js\" type=\"text/javascript\"\>\<\/script\>');
}
</script>

Answer 2

我在firefox上遇到了这个问题，但这是因为我试图在将其容器div移动到隐藏的div之后停止视频。我删除了“停止”代码，玩家似乎在chrome，firefox和opera从一个div移动到另一个div之后重新启用了？（并自行停止）。

在这个简单的解决方案之前，我想通过javascript重新添加视频原始html，它可能在div隐藏之后或显示之前完成。

当容器div隐藏iPad时，video.js视频被破坏

2 个答案: