Question

我知道有几个关于显示默认错误图像的问题，例如JWplayer: Display image when no video detected，但在我的情况下，我没有要显示的默认文件。

我想做的是这样的事情：

jwplayer($scope.jwplayer_id).onError(function(){
  jwplayer($scope.jwplayer_id).load(image:'assets/img/signal_offline.png'});
});

我注意到的是，如果没有提供虚假文件，则图像不起作用。

我试过这样的话：

  jwplayer($scope.jwplayer_id).load({file:'', image:'assets/img/signal_offline.png'});

只有在提供有效文件时才会起作用：

  jwplayer($scope.jwplayer_id).load({file:'assets/video/error.mp4', image:'assets/img/signal_offline.png'});

所以我对JWPlayer真的很新，如果我只有404错误图像怎么办呢？我需要404默认媒体视频吗？

Answer 1

如果没有提供文件，播放器将无法设置。

在这种情况下你可以做什么，而不是像发生媒体错误那样使用onError（），而是在播放器设置失败时使用onSetupError（）。

jwplayer().onSetupError(function() { /* DO SOMETHING */ });

也许找到播放器无法设置的div，然后使用JS添加图像？

以下是您可以使用的一些示例代码：

<!DOCTYPE html>
<html>
<head>
    <title>Template</title>
    <script src="http://p.jwpcdn.com/6/12/jwplayer.js" type="text/javascript"></script>
</head>
<body>
    <div id="player"></div>
    <script type="text/javascript" language="javascript">
    jwplayer("player").setup({
    });
    jwplayer().onSetupError(function() { 
        document.getElementById('player').innerHTML = '<img src="http://content.bitsontherun.com/thumbs/C4lp6Dtd-640.jpg" />'
    });
    </script>
</body>
</html>

似乎在我的测试中工作。

JWplayer：在没有文件参数的情况下显示错误图像

1 个答案: