在隐藏元素上加载JW Player

Question

我正在使用JW Player来显示Flash视频（尽管很快就会有浏览器支持允许的HTML5源代码）。

在用户对页面执行操作之前，视频需要不可见（但已加载）。他们采取该操作后，会显示视频div，并且我希望尽快play()视频。

这是我的setup()电话。我的CSS文件中隐藏了<div id="video">，JW播放器的<div id="video_wrapper">（最初都设置为display: none;）也是如此。

jwplayer("video").setup({
  playlist: [
    {
      sources: [
        { file: 'http://example.com/video.flv' }
      ]
    }
  ],
  controls: false,
  wmode: 'transparent'
});

过了一段时间，我这样做了：

$('#video').show();
$('#video_wrapper').show();
jwplayer().play();

我没有在控制台中收到任何错误，如果我不首先隐藏我的CSS文件中包含的div，视频就会正常播放。

JW Player是否在隐藏元素上触发其setup()方法？如果没有，我应该如何实现我想要的结果？

Answer 1

查看此处的解决方案是否适合您：

Unable to play audio when JWPlayer is hidden

定位包含div以使其不再可见，然后调用其上的设置功能。您的show功能必须稍微复杂一些，才能将显示设置更改回您希望的状态。