问题描述
我在我的页面上嵌入了JWPlayer,其中包含自定义错误消息,当流不在线但未加载错误图像时显示不同的图像。
I embedded JWPlayer on my page with custom error message that display different image when stream is not online but error image is not loading.
<script type='text/javascript'>
jwplayer('player').setup({
file: 'http://blog.com/stream.m3u8',
image: 'http://blog.com/streamimage.png',
title: 'STREAMING TITLE',
width: '100%',
height: "100%",
aspectratio: '16:9',
skin: 'glow',
mute: 'true',
ga: '{}'
});
jwplayer().onError(function(){
jwplayer().load({image:"http://blog.com/streamimage-error.png"});
jwplayer().play();
});
</script>
推荐答案
参见
你需要添加文件中提到的文件属性 jwplayer()。load({file:http://jwplayer.com/errorfile.mp4,image:http://jwplayer.com/ errorfile.jpg});
You need to add file attribute as mentioned in the document jwplayer().load({file:"http://jwplayer.com/errorfile.mp4",image:"http://jwplayer.com/errorfile.jpg"});
你需要创建一个错误视频
这个并更改你的代码
you need to create a error video
for this and change your code
<script type='text/javascript'>
jwplayer('player').setup({
file: 'http://blog.com/stream.m3u8',
image: 'http://blog.com/streamimage.png',
title: 'STREAMING TITLE',
width: '100%',
height: "100%",
aspectratio: '16:9',
skin: 'glow',
mute: 'true',
ga: '{}'
});
jwplayer().onError(function(){
jwplayer().load({file:"http://jwplayer.com/errorfile.mp4", image:"http://blog.com/streamimage-error.png"});
// jwplayer().play();// i dont think you need to play video if it throws error
});
</script>
我建议创建错误视频和错误图像,并在发生错误时使用它。
I would recommend creating error video and error image and use it when error occurs.
以下代码对常量流监控非常有用。
Below code will be much helpful for constant stream monitoring.
jwplayer().onBuffer(function(){
theTimeout = setTimeout(function(){
jwplayer().load({file:"http://jwplayer.com/errorfile.mp4",image:"http://jwplayer.com/errorfile.jpg"});
jwplayer().play();
},5000);
});
我希望它有所帮助。
这篇关于JWPLAYER自定义错误消息的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!