JWPlayer出错时显示图片

时间:2015-10-03 17:07:24

标签: javascript jwplayer

我正在使用player.onError事件处理(JWPlayer 6)在我们的直播离线或不可用时加载error.mp4视频。
问题是错误视频一旦结束就重新加载,这会产生1-2秒的加载时间并且看起来不太好。

我在JWPlayer论坛中的几篇帖子中读到,它可以显示图像,甚至可以在事件处理中用自定义图像替换播放器本身,但论坛中的帖子实际上都没有提供这样做的方法。

我目前的代码如下:

<div id="myElement">Loading the player...</div>
<script type="text/javascript">
var playerInstance = jwplayer("myElement");
playerInstance.setup({
file: "rtmp://62.210.247.57:1935/live/live",
title: 'OneStream',
});
console.log('Error1');
playerInstance.onError(function(){
console.log('onError');
playerInstance.load({file:"streamError.mp4",image:"http://content.jwplatform.com/thumbs/7RtXk3vl-480.jpg"});
});
playerInstance.onComplete(function(){
console.log('onComplete');
playerInstance.load({file:"rtmp://62.210.247.57:1935/live/live",image:"http:    //content.jwplatform.com/thumbs/7RtXk3vl-480.jpg"});
});
</script>

我想使用静态error.png图像,这样我就可以使用onBuffer事件等来实时检查RTMP直播,当它在线时,加载它。

0 个答案:

没有答案