JWPLAYER 自定义错误信息

Question

我在我的页面上嵌入了 JWPlayer，其中包含自定义错误消息，当流不在线但错误图像未加载时显示不同的图像。

<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>

Answer 1

见here

您需要按照文档中的说明添加文件属性jwplayer().load({file:"http://jwplayer.com/errorfile.mp4",image:"http://jwplayer.com/errorfile.jpg"});

您需要为此创建一个 error video 并更改您的代码

<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>

我建议创建错误视频和错误图像，并在发生错误时使用它们。

下面的代码将对持续流监控有很大帮助。

jwplayer().onBuffer(function(){
theTimeout = setTimeout(function(){
jwplayer().load({file:"http://jwplayer.com/errorfile.mp4",image:"http://jwplayer.com/errorfile.jpg"});
jwplayer().play();
},5000);
});

希望对您有所帮助。

JWPLAYER 自定义错误信息

JWPLAYER custom error message

javascript

jwplayer