2015-03-03 131 views
5

我在自己的頁面上嵌入JWPlayer,並顯示自定義錯誤消息,當流不在線但錯誤圖像未加載時顯示不同的圖像。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> 
+0

看看API文檔,看起來你需要加載一個帶有圖像值的視頻文件。 'file:「http://blog.com/error.mp4」'爲例。根據這份文件的 – Papa 2015-03-03 03:26:11

+0

。 http://support.jwplayer.com/customer/portal/articles/1442607-example-a-custom-error-message你可以包含圖像 – Maca 2015-03-03 03:34:30

+0

是的,但你還需要包括一個使用文件屬性的鏈接,如果這是強制性的。 – Papa 2015-03-03 04:07:50

回答

6

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); 
}); 

我希望它有幫助。

+1

就是這樣。創建一個錯誤視頻需要此功能才能正常工作! – Maca 2015-03-05 10:14:24

+0

上次劇本在播放事件5秒後有效,但在onError事件中不起作用。 – Maca 2015-03-05 10:16:47

+0

!!!嗯,它是有道理的,onBuffer在視頻開始緩衝時工作 – Hitesh 2015-03-05 10:59:42