Question

我有以下代码：

index.html

<!DOCTYPE html>
<html>
<head>
    <title>Custom modal example</title>
</head>
<body>

<video-js id="myPlayerID"
    data-video-id="5185914204002"
    data-account="1752604059001"
    data-player="Hyv669PDZ"
    data-embed="default"
    data-application-id
    class="video-js"
    controls
    width="560" height="315"></video-js>
<script src="https://players.brightcove.net/1752604059001/Hyv669PDZ_default/index.min.js"></script>

<script type="text/javascript">
(function () {
    if (typeof videojs == 'undefined') {
        return false;
    }
    videojs.getPlayer('myPlayerID').ready(function () {
        var player = this;
        var modalContent = document.createElement("div");
        modalContent.innerHTML = 'Custom message';

        var ModalDialog = videojs.getComponent("ModalDialog");
        var modal = new ModalDialog(player, {content: modalContent, uncloseable: true});
        player.addChild(modal);

        player.on('error', function () {
            player.errorDisplay.hide();
            modal.open();
        });
    });
})();
</script>
</body>
</html>

如果出现视频错误，我将以模式显示自定义消息。它在Chrome浏览器中可以正常运行，但在Firefox中仅是首次显示，刷新页面后它会显示默认错误。

Brightcove错误事件未在Firefox上触发

0 个答案: