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

时间:2015-08-13 14:02:30

标签: jwplayer

我知道有几个关于显示默认错误图像的问题,例如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默认媒体视频吗?

1 个答案:

答案 0 :(得分:0)

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

在这种情况下你可以做什么,而不是像发生媒体错误那样使用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>

似乎在我的测试中工作。