我知道有几个关于显示默认错误图像的问题,例如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默认媒体视频吗?
答案 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>
似乎在我的测试中工作。