javascript – 在隐藏元素上加载JW Player

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

在用户对页面执行操作之前,视频需要不可见(但已加载).一旦他们采取了这个动作,就会显示视频div,我想尽可能地播放()视频.

这是我的setup()调用. < div id =“video”>隐藏在我的CSS文件中,就像JW Player的< 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()方法？如果没有,我应该如何实现我想要的结果？

解决方法:

看看这里的解决方案是否适合您：

Unable to play audio when JWPlayer is hidden

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

标签：jquery,javascript,jwplayer
来源： https://codeday.me/bug/20190709/1412719.html