如果 Brightcove 视频在页面上加载需要时间，则显示加载图像答案

【问题标题】：Show loading image if Brightcove video is taking time to load on the page如果 Brightcove 视频在页面上加载需要时间，则显示加载图像
【发布时间】：2015-06-05 10:46:48
【问题描述】：

我正在使用 Brightcove 视频，但它需要几秒钟才能出现/显示在屏幕上。因此，与此同时，我想在视频未加载时显示 loading.gif 图像，一旦加载，然后隐藏 loading.gif。

如何检查 Brightcove 视频是否显示在屏幕上？

【问题讨论】：

标签： jquery loading brightcove

【解决方案1】：

将您的代码放在此处，说明您如何加载和显示视频

我不知道您是如何加载视频的。但这里有一个关于在服务器端处理一些操作的 ajax 调用示例。

  function ShowVideo(){}

  $("#div_Video" ).html("<img src='http://preloaders.net/preloaders/728/Skype%20balls%20loader.gif' />");

        $.ajax({
            cache: false,
            type: 'GET',
            contentType: "application/json",
            url: "getVideo.....",
            success: function (data) {
                $("#div_Video").html(data); //replace the div with your video after loaded.. (i dont know how you are loading..)
            },
            fail: function (jqXHR, textStatus) {
                alert("Error: " + textStatus);
            }
        });

}

首先加载到 div 中，您将在其中显示 gif 视频。在对服务器端的调用完成后，将 gif 替换为正确的代码。

【讨论】：

【解决方案2】：

我正在使用 JS 加载 Brightcove 视频。我发现下面的事件，我们可以隐藏加载的图像。

 function onTemplateReady(event) {

                $(".load-image").hide();
                var $player = $(this);
            };

【讨论】：