Question

我有以下js。如果flv url不存在，则调用onError函数，这很好。

然而，当前它显示警报，然后继续显示不友好的错误消息。如何用更友好的东西覆盖此消息。

$f(videoid, "/swf/flowplayer-3.1.5.swf", { 

    playlist: list1, 
    wmode: 'opaque', 
    plugins: { 
        gatracker: { 
            url: "/swf/flowplayer.analytics-3.1.5.swf", 
            trackingMode: "Bridge", 
            debug: false 
        } 
    }, 
    onError: function(err) { 
    alert('Error Code: ' + err);  
  } 

});

Answer 1

您还应该确保将播放器属性showErrors设置为false。这样丑陋的四四方方的错误就不会出现在视频播放器框架中。

Answer 2

不确定你的想法，但你可以做这样的事情。

将其放在您希望显示错误消息的位置

<div id="errorbox"></div>

将其粘贴到CSS中

#errorbox{
    color: #D8000C;
    border: 2px solid #D8000C;
    background-color: #FFBABA;
}

并将javascript更改为此

$f(videoid, "/swf/flowplayer-3.1.5.swf", { 
    playlist: list1, 
    wmode: 'opaque', 
    plugins: { 
        gatracker: { 
            url: "/swf/flowplayer.analytics-3.1.5.swf", 
            trackingMode: "Bridge", 
            debug: false 
        } 
    }, 
    onError: function(err) { 
        $('#errorbox').text('Your error message.... '+ err).fadeIn('fast');
  } 
});

这将做一个错误消息显示在哪里以一种友好的用户友好方式粘贴HTML。希望这会有所帮助，但很难确切地知道你的意思。

如何覆盖flowplayer onError消息

2 个答案: