JWplayer:在没有文件参数的情况下显示错误图像
JWplayer: Display image on error without file parameter
我知道有几个关于显示像这样的默认错误图像的问题但在我的情况下我没有要显示的默认文件。
我想做的是这样的:
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 默认媒体视频吗?
如果没有提供文件,播放器会设置失败
在这种情况下您可以做什么,而不是像在出现媒体错误时那样使用 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>
似乎在我的测试中有效。
我知道有几个关于显示像这样的默认错误图像的问题
我想做的是这样的:
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 默认媒体视频吗?
如果没有提供文件,播放器会设置失败
在这种情况下您可以做什么,而不是像在出现媒体错误时那样使用 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>
似乎在我的测试中有效。